#Javascript实用效果整理

前端JavaScript之DOM节点操作

1.HTMLDOM是啥  DocumentObjectModel:定义了访问和操作HTML文档的标准方法,把HTML文档呈现为带有元素,属性和文本的树状结构2.解析过程   HTML加载完毕,渲染引擎会在内存中把HTML文档,生成一个DOM树,getElementById是获取内中DOM上的元素节点。然后操作...

前端JavaScript之DOM事件操作

DOM:文档对象模型,操作网页上的元素的API。比如让盒子移动、变色、轮播图等。1.DOM(DocumentObjectModuel):文档对象模型 定义了访问和操作HTML文档的标准法,把HTML文档呈现为带有元素,属性和文本的树结构,由节点组成 解析过程:HTML加载完毕,渲染引擎会在内存中把HTML文档,生成一个...

前端JavaScript之ECMA

1.JavaScript基础2.语法规则3常用内置对象4函数5伪数组6.异常处理1.1web前端分为三层HTML:从语义的角度,描述页面结构CSS:从审美的角度,描述样式(美化页面)JavaScript:从交互的角度,描述行为(提升用户体验)1.2特性  弱变量类型的语言,变量只需用var来声明  带有界面效果,属于前...
代码星球 ·2020-04-10

js实现横向跑马灯效果

首先我们需要一个html代码的框架如下:<div><ulid="syNoticeUlNew"></ul></div>我们的目的是实现ul中的内容进行横向的一点一点滚动。ul中的内容应该是动态的。于是应该发送ajax来进行内容的获取拼接。$.ajax({type:"post...

js实现表格无缝滚动效果

<!doctypehtml><html><head><metacharset="utf-8"><title>table表格无缝向上滚动</title><scriptsrc="http://libs.baidu.com/jquery/1.11....

【转】移动web资源整理

meta基础知识H5页面窗口自动调整到设备宽度,并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式viewport模板常见问题移动端如...
代码星球 ·2020-04-09

鼠标悬停css3动画效果

下载Demo效果预览html: <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>鼠标悬停css3动画效果</title><linkhref="css/la...

jquery加入购物车飞入的效果

主要原理是:点击当前图片的时候,复制(克隆)当前图片在当前位置,然后利用jQuery的animate()方法实现图像的飞入效果效果预览:http://runjs.cn/detail/qmf0mtm1functionMoveBox(obj){vardivTop=$(obj).offset().top;vardivLeft...

固定边栏——淘宝滚动效果

  点击查看Demo<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title><style>*{margin:0;padding:0;}.m...
代码星球 ·2020-04-09

javascript--苹果系统底部菜单--详细分析(转)

 源码下载:http://pan.baidu.com/s/1hqvJJA8代码来源: 这个DEMO来自“妙味课堂” 昨天看到了“妙味课堂”的一个苹果菜单的DEMO。根据里面提到的“勾股定理”。我自己分析了一下代码。如下...

在网站开发中很有用的8个 jQuery 效果【附源码】

jQuery作为最优秀JavaScript库之一,改变了很多人编写 JavaScript 的方式。它简化了HTML文档遍历,事件处理,动画和Ajax交互,而且有成千上万的成熟 jQuery 插件可供使用。看看下面这些惊人的功能和效果,我相信你会发现一些很有用的东西。基于jQuer...

javascript点击图片放大的功能(原生)

  使用的图片:                         1.jpg<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title&...

javascript中的undefined,null,"",0和false的云集

  在各种各样的数据类型中,我们都会为其定义一个"空值"或"假值",比如对象类型的空值null,.NETFramework中数据库字段的空值DBNull,boolean类型的假值false等等。在JavaScript中也有很多种的"空值"和"假值",那么它们都有什么共同点和不同点呢?   ...

javascript中的 && 与 || 的运用

a&&b:将a,b转换为Boolean类型,再执行逻辑与,true返回b,false返回aa||b:将a,b转换为Boolean类型,再执行逻辑或,true返回a,false返回b 转换规则:对象为true非零数字为true非空字符串为true其他为false *几乎所有语言中||和...
代码星球 ·2020-04-09
首页上一页...135136137138139...下一页尾页