HTML5-旋转木马-遮罩层-电子相册-无缝

1、 旋转木马jq——-index.html

HTML5-旋转木马-遮罩层-电子相册-无缝
HTML5-旋转木马-遮罩层-电子相册-无缝

function要传参数。
注:三者的区别
HTML5-旋转木马-遮罩层-电子相册-无缝
1是jq里面的当前对象,3是js中的当前对象,2是jq的一个变量。
HTML5-旋转木马-遮罩层-电子相册-无缝
为了使z-index先变化,,做以上操作,使变换看起来更顺眼。

2、 遮罩层jq——index1.html

HTML5-旋转木马-遮罩层-电子相册-无缝
注意jq和js写法的不同
HTML5-旋转木马-遮罩层-电子相册-无缝
若script放在body前就要添加$(function(){}), 读取p时,此时没有p,获取不到,所以要加function,,若script放在body后就不用添
加。

3、 电子相册—–index3.html

HTML5-旋转木马-遮罩层-电子相册-无缝

4、 无缝轮播jq—index4.html(不加stop,做连点事件)

做连点事件
左按钮添加连点事件
HTML5-旋转木马-遮罩层-电子相册-无缝
右按钮连点事件

HTML5-旋转木马-遮罩层-电子相册-无缝