最新文章列表

Jquery简单入门到精通细节 - (九)Jquery效果之“停止动画”

实例 jQuery stop() 滑动 演示 jQuery stop() 方法。 jQuery stop() 动画(带有参数) 演示 jQuery stop() 方法。 jQuery stop() 方法 jQuery stop() 方法用于停止动画或效果,在它们完成之前。 stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。 语法 $( ...
Josh_Persistence 评论(0) 有1215人浏览 2013-07-10 00:42

Jquery简单入门到精通细节 - (八)Jquery效果之“动画”

jQuery 效果 - 动画 jQuery animate() 方法允许您创建自定义的动画。     jQuery 动画 - animate() 方法 jQuery animate() 方法用于创建自定义动画。 语法: $(se ...
Josh_Persistence 评论(0) 有1481人浏览 2013-07-09 22:26

jQuery左侧列表导航条鼠标滑过flash动画导航条-20130705

1、效果及功能说明 左侧列表导航条制作鼠标滑过导航条标签,flash动画导航条展示 2、实现原理 首先导航栏是在被一个块级容器给挡住了在页面加载完成以后会从块级容器里动过一个动画效果向右移动出来,每一个时间间隔是0.05*0.2秒移动在要0.3秒内完成动画效果然后是一个伪类的事件效果当鼠标移动到一个a标签上又会触发一个动画效果a容器会加长20px文字向右移动到-110px并且改变文字的颜色这 ...
xjwolaile 评论(0) 有1171人浏览 2013-07-05 23:30

jQuery右侧边固定层导航菜单依次动画滑动显示菜单展开-20130704

1、效果及功能说明 右侧边固定层导航菜单,鼠标滑过浮动层导航菜单依次动画滑动显示菜单内容展开,鼠标离开后菜单收缩 2、实现原理 展开是通过计算鼠标触及装有a标签的div开始从0号a标签开始展开每个展开是0.2秒每一个之间的 这个效果不轮用户是从上面触及还是从下面触及都是从上面的0号开始展开到最后的 间隔是50*200 每个全部展开的时间是0.3秒 回收也是鼠标只要移动开会从最上面的a标签开 ...
xjwolaile 评论(0) 有6306人浏览 2013-07-04 23:35

jQuery侧面浮动图片广告或滚屏图片广告-20130703

1、效果及功能说明 图片广告制作一个侧面浮动图片广告特效,类似滚屏效果的图片广告 2、实现原理 是先后获得页面的高度然后在获得装有图片的块级元素的高度计算页面的高度除于2在块级元素高度除于2把最后获得高度值赋值给块级容器让块级容器始终保持页面高度居中的效果在滚动页面时候通过定义一个动画的效果让广告在0.4秒内移动到当前页面高度的中间 3、效果图 4、运行环境 IE6 IE7 IE ...
xjwolaile 评论(1) 有3615人浏览 2013-07-04 00:23

jQuery hover图片列表上下滚动显示图片详细内容-20130630

1、效果及功能说明 hover鼠标滑过案例或产品图片列表,图片向上滚动显示图片详细内容,鼠标离开图片内容向下滚动显示案例或产品图片 2、实现原理 设定原图的消失时间和后来图片的出现时间在定义一个伪类来触发这两个切换的效果在定义装有图片的div在div里的图片才能显示切换掉的图片会隐藏起来当鼠标移动开后原图回来原图移动时间是0.226秒切换图的显示时间是0.2秒 3、效果图 4、 ...
xjwolaile 评论(0) 有1089人浏览 2013-06-30 23:49

jQuery图片冒泡插件鼠标悬停图片冒泡动画展示-20130624

1、效果及功能说明 图片冒泡插件鼠标悬停图片冒泡动画展示 2、实现原理 首先要设定div内只能显示4个图片那么多出来的图片会自动隐藏然后在给图片添加一个动画的事件让他们可以滚动的播放出来上下滚动效果播放就是li标签里面的内容图片和文字把每一个li看成一个整体在滚动播放的时候进入div内的显示出来在最后离开div的时候隐藏在给整个动画效果设定一个时间就可以完整的运行 3、效果图 4 ...
xjwolaile 评论(0) 有3278人浏览 2013-06-24 23:57

jQuery图片鼠标悬停效果-20130620

1、效果及功能说明 鼠标悬停图片放大滑动显示标题 2、实现原理 首先是鼠标触及图片后对图片的进行放大多少的设置 在将要花多少时间来方法设定好 后定义图片不会因为放大而改变位置始终保持居中状态的放大和div不会因为图片的放大和标题的出现而变形 后是标题的设置一个显示的动画结合上图片放大的时间还有就是在鼠标移开后设置图片回复原状的时间和标题消失的动画时间的吻合 3、效果图 4、运行环 ...
xjwolaile 评论(0) 有3693人浏览 2013-06-21 00:53

[JS代码库]

所有图片的压缩包新建一个文件后将包解压放进文件夹图片的压缩包在页面的最下方可以看到并下载下载后无需修改文件夹名因为本身就已经写好了和html5内的路径相吻合所有的图片下面都可以找到 将创建html文件保存的时候将编码类型换成(UTF-8有签名)这样可以让部分中文正常的显示出来,将保存类型(T)换成(所有文件(*.*)),将html5和解压后的图片文件夹放在同一个文件夹内效果 [javascrip ...
xjwolaile 评论(5) 有14358人浏览 2013-06-12 00:31

又是一个jquery animate的代码片段

      本文收录一个动画效果:      http://jsfiddle.net/yaochun/p9JNY/
zhangyaochun 评论(0) 有1344人浏览 2013-06-09 19:52

回到页首的animate

     回到顶部依赖jquery实现动画:         $("html, body").animate({ scrollTop:0 },200);  
zhangyaochun 评论(0) 有1289人浏览 2013-06-05 12:41

js jquery 返回顶部 TOP 简单实现

直接返回顶部 function top(){ $('html,body').animate({scrollTop:0},100); } 滚动条定位到某个元素 $("html,body").animate({scrollTop:$("#id").offset().top},100);//
daichangfu 评论(0) 有1065人浏览 2012-04-18 18:45

jquery animate动画实例,在线预览

http://each.sinaapp.com/born/ <div id="div_message" style="position: relative; top: 100px; left: -300px; font-size: 15px; color: green; font-weight: bold; text-align: center; ...
qiaolevip 评论(0) 有3623人浏览 2012-03-08 11:24

jQuery动画效果之-slideDown

  这部分暂时不挖源码----简单介绍一下api的使用   slideDown(speed,[easing],[callback])   ---------通过宽度变化(向下增大)来动态地隐藏所有匹配的元素            在显示完成后可选地触发一个回调     参数说明:     speed {String | Number}    三种预定的字 ...
zhangyaochun 评论(0) 有1650人浏览 2011-10-24 14:53

jQuery动画效果之-slideUp

  这部分暂时不挖源码----简单介绍一下api的使用   slideUp(speed,[easing],[callback])   ---------通过宽度变化(向上减小)来动态地隐藏所有匹配的元素            在隐藏完成后可选地触发一个回调   参数说明:     speed {String | Number}    三种预定的字符串"s ...
zhangyaochun 评论(0) 有1566人浏览 2011-10-24 14:34

利用FLEX 4中的Animate来自定义effect 特效

此次AJSPlayer的开发过程中,由于将会使用到大量的,高度自定义的特效,而Flex 4中原始提供的封装特效组件(如Move、Rotate、Fade,甚至包含对应的3D特效 ...
dydytd3400 评论(0) 有3174人浏览 2011-09-23 17:24

[原创] jQuery源码分析-16动画分析和扩展 Effects

  16. 动画   16.1 源码解析   jquery1.43源码分析之动画部分 http://www.iteye.com/topic/786984 上边这篇文章分析的很透彻,由浅入深,我就不再重复了,下面附两张jQuery 1.6.1的程序执行流程图:       16.2 动画支持的属性 jQuery仅支持数值型的属性和特殊标记show/hide/toggle, ...
nuysoft 评论(0) 有11627人浏览 2011-09-14 23:46

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics