js进阶 13-2 jquery动画滑动效果哪些注意事项

【js进阶 13-2 jquery动画滑动效果哪些注意事项】的更多相关文章

js进阶 13-2 jquery动画滑动效果哪些注意事项

js进阶 13-2 jquery动画滑动效果哪些注意事项一.总结一句话总结:滑动里面这里up是隐藏,down是显示. 1.jquery动画默认的两个切换效果是什么(swing默认和linear的区别是什么)? swing默认和linear,和css里面默认的效果相比少一点linear,是匀速运动swing是先慢后快 2.jquery动画如果想使用更多的切换效果,需要怎么办? 需要用插件 3.滑动效果的三个函数和显示隐藏的三个函数有什么异同? 都是三个,参数都是一样,这里是up,down,to…

js进阶 13 jquery动画函数有哪些

js进阶 13 jquery动画函数有哪些一.总结一句话总结: 二.jquery动画函数有哪些原生JavaScript编写动画效果代码比较复杂,而且还需要考虑兼容性.通过jQuery,我们使用简单几句代码,即可轻松实现各种动画效果.之前我们讲过使用CSS3实现动画,它比使用jQuery实现动画效果更加简单,不过jQuery实现动画会更加的灵活,可以实现更加复杂的动画效果. 显示和隐藏控制元素的的显示和隐藏是最基本的动画技术. show()显示被选的元素语法:$(selector).sh…

js进阶 13-11/12 jquery如何实现折叠导航

js进阶 13-11/12 jquery如何实现折叠导航一.总结一句话总结:还是用的slideToggle滑动效果,并且这一个展开时,所有兄弟都关闭. 1.文字缩进怎么设置? 感觉设置margin和padding都行,其实也可以设置text-indent 14 text-indent: 2em; font-weight: normal; 2.二级菜单除第一个之外全部隐藏怎么写? 用not方法,不选第一个 $('.nav>ul:not(:first)').hide() 二.jquery如何实现…

jquery左右滑动效果的实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

js进阶---12-12、jquery事件委托怎么使用

js进阶---12-12.jquery事件委托怎么使用一.总结一句话总结:通过on方法(事件委托),给要绑定事件的元素的祖先绑定事件,从而达到效果. 1.事件委托是什么? 通过事件冒泡,让子元素绑定的事件冒泡到父元素(或祖先元素)上,然后再进行处理. //使用事件委托,只在table上绑定一次事件 //可以动态绑定事件 $('table').on('click','td',function(){ //$(this).css('background','orange') alert('clic…

js进阶---12-10、jquery绑定事件和解绑事件是什么

js进阶---12-10.jquery绑定事件和解绑事件是什么一.总结一句话总结:on和off. 1.jquery如何给元素绑定事件? on方法 22 $('#btn1').on('click',function(){ 23 alert('事件绑定') 24 }) 2.如何给元素绑定多个事件(两种方法)? json对象on方法直接添加多个 22 $('#btn1').on('click',function(){ 23 alert('事件绑定') 24 }) 25 //绑定多个事件 26 $(…

js进阶 13-9/10 jquery如何实现三级列表

js进阶 13-9/10 jquery如何实现三级列表一.总结一句话总结:用的是定位,父标签相对定位,子标签就可以绝对定位了,绝对定位的孩子还是可以设置绝对定位.用toggle设置子菜单显示和隐藏.用的是jquery的hover方法. 1.鼠标滑过的时候最常设置的属性是什么? 透明度 opacity 2.如何让一级菜单下的二级菜单显示而三级菜单不显示? .menu>li:hover>ul{display:none}直接选择孩子,而不要选择子辈而且注意这里是li:hover,也就是被鼠标悬浮…

WOW.js轻松为网页添加动画切入效果

由于坐忘的需要,经常会有部分功能用的很多,做起来又很繁琐,所以插件也就应运而生了.个人感觉正式js强大的可植入性, 才使他如此的使用火爆,反正博主是特别喜欢这一点 Y(^o^)Y~ . 今天就和大家分享几个比较实用的小插件,省的大家整理了. 1.WOW.js轻松为网页添加动画切入效果这款插件作用很简单,及时实现网页中任意部分动画切入的效果.但是有2点要注意的地方 (1)此动画是检测屏幕滚动条实现达到一定位置执行动画效果的,所以当指定元素开始显示的时候才会开始动画,这个用户可以设置 (2)每个…

js进阶---12-11、jquery如何给动态创建出来的元素绑定事件

js进阶---12-11.jquery如何给动态创建出来的元素绑定事件一.总结一句话总结:通过事件委托的方式,通过on方法 1.on方法在事件绑定的时候,data方式带额外参数时,字符串参数和其它参数的使用不一样,为什么? 因为字符串参数默认会被当成动态生成元素的事件绑定方法,所以需要在前面添加参数null. 64 $('#btn1').on('click',null,'div',function(e){ 65 alert('事件绑定'+e.data) 66 }) 对比一下额外参数的json…

js进阶课程 12-9 jquery的事件对象event的方法有哪些？

js进阶课程 12-9 jquery的事件对象event的方法有哪些? 一.总结一句话总结:三组六个,阻止默认事件一组,阻止冒泡一组,阻止冒泡和剩余事件一组. 1.事件的默认动作指什么? 比如点a标签跳转,比如点submit提交 2.如何阻止元素的默认事件? event.preventDefault() 阻止事件的默认动作. 26 //阻止默认行为 27 $('#aid').click(function(e){ 28 //e.preventDefault() 29 alert(e.isDefa…