本月博客排行
-
第1名
龙儿筝 -
第2名
lerf -
第3名
fantaxy025025 - johnsmith9th
- xiangjie88
- zysnba
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - wy_19921005
- vipbooks
- benladeng5225
- e_e
- wallimn
- javashop
- ranbuijj
- fantaxy025025
- jickcai
- gengyun12
- zw7534313
- qepwqnp
- 解宜然
- ssydxa219
- zysnba
- sichunli_030
- sam123456gz
- arpenker
- tanling8334
- gaojingsong
- kaizi1992
- xpenxpen
- 龙儿筝
- jh108020
- wiseboyloves
- ganxueyun
- xyuma
- xiangjie88
- wangchen.ily
- Jameslyy
- luxurioust
- lemonhandsome
- mengjichen
- jbosscn
- zxq_2017
- lzyfn123
- nychen2000
- forestqqqq
- wjianwei666
- ajinn
- zhanjia
- Xeden
- hanbaohong
- java-007
- 喧嚣求静
- mwhgJava
- kingwell.leng
最新文章列表
Jquery简单入门到精通细节 - (九)Jquery效果之“停止动画”
实例
jQuery stop() 滑动
演示 jQuery stop() 方法。
jQuery stop() 动画(带有参数)
演示 jQuery stop() 方法。
jQuery stop() 方法
jQuery stop() 方法用于停止动画或效果,在它们完成之前。
stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。
语法
$( ...
Jquery简单入门到精通细节 - (八)Jquery效果之“动画”
jQuery 效果 - 动画
jQuery animate() 方法允许您创建自定义的动画。
jQuery 动画 - animate() 方法
jQuery animate() 方法用于创建自定义动画。
语法:
$(se ...
jQuery左侧列表导航条鼠标滑过flash动画导航条-20130705
1、效果及功能说明
左侧列表导航条制作鼠标滑过导航条标签,flash动画导航条展示
2、实现原理
首先导航栏是在被一个块级容器给挡住了在页面加载完成以后会从块级容器里动过一个动画效果向右移动出来,每一个时间间隔是0.05*0.2秒移动在要0.3秒内完成动画效果然后是一个伪类的事件效果当鼠标移动到一个a标签上又会触发一个动画效果a容器会加长20px文字向右移动到-110px并且改变文字的颜色这 ...
jQuery右侧边固定层导航菜单依次动画滑动显示菜单展开-20130704
1、效果及功能说明
右侧边固定层导航菜单,鼠标滑过浮动层导航菜单依次动画滑动显示菜单内容展开,鼠标离开后菜单收缩
2、实现原理
展开是通过计算鼠标触及装有a标签的div开始从0号a标签开始展开每个展开是0.2秒每一个之间的 这个效果不轮用户是从上面触及还是从下面触及都是从上面的0号开始展开到最后的
间隔是50*200 每个全部展开的时间是0.3秒
回收也是鼠标只要移动开会从最上面的a标签开 ...
jQuery hover图片列表上下滚动显示图片详细内容-20130630
1、效果及功能说明
hover鼠标滑过案例或产品图片列表,图片向上滚动显示图片详细内容,鼠标离开图片内容向下滚动显示案例或产品图片
2、实现原理
设定原图的消失时间和后来图片的出现时间在定义一个伪类来触发这两个切换的效果在定义装有图片的div在div里的图片才能显示切换掉的图片会隐藏起来当鼠标移动开后原图回来原图移动时间是0.226秒切换图的显示时间是0.2秒
3、效果图
4、 ...
jQuery图片冒泡插件鼠标悬停图片冒泡动画展示-20130624
1、效果及功能说明
图片冒泡插件鼠标悬停图片冒泡动画展示
2、实现原理
首先要设定div内只能显示4个图片那么多出来的图片会自动隐藏然后在给图片添加一个动画的事件让他们可以滚动的播放出来上下滚动效果播放就是li标签里面的内容图片和文字把每一个li看成一个整体在滚动播放的时候进入div内的显示出来在最后离开div的时候隐藏在给整个动画效果设定一个时间就可以完整的运行
3、效果图
4 ...
jQuery图片鼠标悬停效果-20130620
1、效果及功能说明
鼠标悬停图片放大滑动显示标题
2、实现原理
首先是鼠标触及图片后对图片的进行放大多少的设置 在将要花多少时间来方法设定好 后定义图片不会因为放大而改变位置始终保持居中状态的放大和div不会因为图片的放大和标题的出现而变形 后是标题的设置一个显示的动画结合上图片放大的时间还有就是在鼠标移开后设置图片回复原状的时间和标题消失的动画时间的吻合
3、效果图
4、运行环 ...
js jquery 返回顶部 TOP 简单实现
直接返回顶部
function top(){
$('html,body').animate({scrollTop:0},100);
}
滚动条定位到某个元素
$("html,body").animate({scrollTop:$("#id").offset().top},100);//
jQuery动画效果之-slideDown
这部分暂时不挖源码----简单介绍一下api的使用
slideDown(speed,[easing],[callback])
---------通过宽度变化(向下增大)来动态地隐藏所有匹配的元素
在显示完成后可选地触发一个回调
参数说明:
speed {String | Number}
三种预定的字 ...
jQuery动画效果之-slideUp
这部分暂时不挖源码----简单介绍一下api的使用
slideUp(speed,[easing],[callback])
---------通过宽度变化(向上减小)来动态地隐藏所有匹配的元素
在隐藏完成后可选地触发一个回调
参数说明:
speed {String | Number}
三种预定的字符串"s ...