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

1、html部分:


2、css部分:


3、js部分:


注: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

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/whh_lydia/article/details/46826241
文章标签: js 淘宝 广告 图片
个人分类: 前端效果集合
上一篇向左无缝滚动
下一篇自动延长的输入框
想对作者说点什么? 我来说一句

图片切换广告图片

2013年05月28日 170KB 下载

没有更多推荐了,返回首页

关闭
关闭