首页

源码搜藏网

首页 > 网页特效 > 焦点图 >

jQuery多屏大图首页焦点图代码

创建时间:2014-04-01 08:48  

jQuery多屏大图首页焦点图代码
jQuery多屏大图首页焦点图代码
效果预览 立即下载

大图jQuery多屏首页焦点图代码,兼容主流浏览器,源码搜藏网推荐下载!

 

使用方法:

1、head区域引用文件jquery1.42.min.js,jquery.superslide.2.1.1.js, lrtk.css

2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码

3、js参数调用说明:

titCell:导航元素对象(鼠标的触发元素对象)

mainCell:切换元素的包裹层对象

effect:动画效果(默认:"fade")

fade:渐显;|| left:左滚动;|| fold:淡入淡出

autoPlay:自动运行(默认:false)

delayTime:毫秒(默认:500);切换效果持续时间(一次切换效果执行所用的时间长度)。pt>

autoPage:默认为false;支持自定义分页html,$为数字替换位置。例如autoPage:"<li><a>$</a></li>",如果不想输出数字:autoPage:"<li><a></a></li>"。

prevCell:前一个/页按钮对象。默认(".prev")

nextCell:后一个/页按钮对象。默认(".next")

<script>
/*鼠标移过,左右按钮显示*/
$(".www51buycom").hover(function(){
$(this).find(".prev,.next").fadeTo("show",0.1);
},function(){
$(this).find(".prev,.next").hide();
})
/*鼠标移过某个按钮 高亮显示*/
$(".prev,.next").hover(function(){
$(this).fadeTo("show",0.7);
},function(){
$(this).fadeTo("show",0.1);
})
$(".www51buycom").slide({ titCell:".num ul" , mainCell:".51buypic" , effect:"fold", autoPlay:true, delayTime:700 , autoPage:true });
</script>
上一篇:jquery实现8图带标题描述的图片轮播特效
下一篇:最新奇热网基于SuperSlide电影频道焦点图代码

相关内容

热门推荐