教学之友,学习之友。

站长教学网

使用jQuery实现自动滚动的幻灯片效果代码

时间:2011-06-08 23:58来源:slidesjs 作者:admin 点击:
使用jQuery实现自动滚动的幻灯片效果代码
使用jQuery实现自动滚动的幻灯片效果代码

功能与效果:

可左右翻页幻灯片效果,并有页面选择按钮任意切换。因为使用的是jQuery来实现,切换动画效果堪比Flash,流畅度非常不错。因为使用的是纯js代码来实现的,所以其效果大小可以通过修改图片和js代码来实现。

基于原代码上改进:

    1、解决了主要图片在浏览器ie6下背景透明的兼容问题,原代码使用因为png图片,存在无法和ie6兼容透明背景的效果的问题,本代码将其修改为gif格式。

    2、解决caption层在ie6半透明效果的问题,通过修改css实现,请查看global.css,自行修改其透明度。原代码是采用jQuery来控制透明度的,但由于jQuery采用的加密方式,强行修改其代码怕会有不可预料问题出现,故通过修改css来修改。

    3、经测试可同时兼容IE6、IE7、IE8、FireFox主流浏览器,所修改的原图片还保留在压缩包内。

压缩包说明:

另附链接、产品、仅图片、Carousel、Simple、multiple 6种演示,ken整理,推荐下载。

压缩包出现问题或代码使用出现可以通留言反馈即可。

顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片