《无缝滚动案例总结》
对于无缝滚动这种比较出名的特效它的制作方法你就必须要单独的去记了,就相当于理解以后要将他背下来一样。
今后对于无缝循环的任何效果都可以通过复制首状态作为尾状态然后再发生跳转。这样的话就可以形成无缝循环的效果。
无缝循环动画是用动画定时器制作的不是用animate做的。
任何案例区分初始化中做什么,事件中做什么就足够了。
《鼠标跟随展示》
特效当中只要有鼠标跟随效果,一定都是用mousemove来制作鼠标跟随的。别的事件根本搞不定。
但凡是动画切记考虑清楚排队,其中hide()和show()如果小括号里面不填写值他们实际上并不代表动画。
《高级淘宝焦点图》
多写多看,条件判断语句在用来判断或验证数据的时候肯定都是在使用数据之前。其实整个案例用到的东西都很简单,只不过是很多简单的东西组合使用。
【网页滚动事件】
《新事件》
书写基本格式
$(window).scroll(function(){}) 表示当网页文档向上滚动的时候触发执行指令。(注意事项会连续触发,有点像mousemove)
《测试网页滚动的高度距离》
简介:任何网页如果希望得到当前网页文档滚动到窗口上面的高度距离;可以通过如下写法获取到: $(window).scrollTop();
悬停广告案例总结:
在js当中如果希望一个广告能在窗口中垂直居中。可以采取公式
(窗口的高度-广告的高度)/2; 这个公式可以保证广告或某个分区在窗口中一直固定居中。如果希望能够跟随窗口居中!!! 最后还需要加上 网页的滚动坐标值。这个方法既能处理垂直居中也能处理水平居中。
《设置滚动坐标值》
简介:对于所有的网页初始化发布以后他们默认的滚动坐标值肯定都是0;因为网页要从头开始看。但是有的时候也可以通过人为控制,来设置网页自动滚动到哪个位置。
jquery中提供一个方法可以人为干预网页的滚动坐标值;
基本格式:
$('html,body').animate({ scrollTop:1500},500)
注意事项选择器中必须选中html和body这是为了解决兼容性强制要求的。
设置滚动使用的属性是scrollTop这是css中不存在的属性只有在jq中能用。
《闭包》
首先说一下闭包这个技术比较不好理解。很多地方闭包有非常复杂的解释。
闭包的作用:
可以对全局空间的命名变量实行私有化;让很多全局变量变成私有的。这样的话不污染全局空间,也解决了变量命名冲突的难题。闭包的内在原理是匿名函数的自调;
格式 ()();这是最原始的格式; 实际上完整格式应该是
(function(){})(); 这就是匿名函数自己调用自己。
网友评论