淘宝广告区点击切换图片、自动切换

1、html部分:

淘宝广告区点击切换图片、自动切换_第1张图片

2、css部分:

淘宝广告区点击切换图片、自动切换_第2张图片

3、js部分:

淘宝广告区点击切换图片、自动切换_第3张图片

注:1、引入jquery.js

        2、 因为点击左右键,要轮到第一张和最后一张图,所以要再重新插入第一张和最后一张图

        3、.pic ul的第一张图片位置是绝对定位的,而在第一张图前面又插入了一张图,所以要left:-520px,以致还是固定在第一张图

        4、xiaodai()是实现自动切换图片的效果,至于为什么要在程序外还要再写一条调用语句,请参考http://www.jb51.net/article/24101.htm

        5、当实现左键点击的功能时,最后要回到第五张图片的位置,由于每一个li的宽度是520,所以当a=0时,要left:-2600px

你可能感兴趣的:(前端效果集合)