教学之友,学习之友。

站长教学网

Feature List jQuery焦点图幻灯片代码

时间:2011-06-21 11:28来源:未知 作者:admin 点击:
Feature List jQuery焦点图幻灯片代码
Feature List jQuery焦点图幻灯片代码

功能与效果:

Feature List使用jQuery纯脚本实现焦点图幻灯片切换效果。

图片尺寸:463x240;替换对应图片即可。也可以通过修改图片和代码来显示不同尺寸,以适应不同的网页,需使用者自行根据需要修改。

以下选项是可配置的:

1、START_ITEM || 0; //启动活动标签的默认值,默认从0开始计数。

2、pause_on_hover || true; //鼠标悬停在标签上,动画将暂停。(默认为true)

3、transition_interval || 5000; //切换间隔时间长短(0 =不自动转换 默认5秒。

经测试可同时兼容IE6、IE7、IE8、FireFox主流浏览器。推荐下载!

基于原代码上改进:

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

2、通过调整css样式和修改span为div实现两行或多行内容。

3、其它内容根据学习和使用的需要自行修改。

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