当前位置:首页 > 网页特效 > 焦点图 >

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

时间:2014-04-01 08:48 来源:互联网 作者:源码搜藏 收藏 推荐

  • 广告推荐
效果预览 立即下载

大图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>
本站资源仅限于学习研究,严禁从事商业或者非法活动! 源码搜藏网所有源码来自互联网转载与用户上传分享,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

焦点图下载排行

最新文章