一款jquery特效编写的大度宽屏焦点图切换特效的实例代码
时间:2020-12-18 01:13:54|栏目:jquery|点击: 次
适用浏览器:ie6、ie7、ie8、360、firefox、chrome、safari、opera、傲游、搜狗、世界之窗.
主要代码如下:
<script type="text/javascript">
jquery(".slider .bd li").first().before( jquery(".slider .bd li").last() );
jquery(".slider").hover(function(){
jquery(this).find(".arrow").stop(true,true).fadein(300)
},function(){
jquery(this).find(".arrow").fadeout(300) });
jquery(".slider").slide(
{ titcell:".hd ul", maincell:".bd ul", effect:"leftloop",autoplay:true, vis:3,autopage:true, trigger:"click"}
);
</script>
效果图如下:
主要代码如下:
复制代码 代码如下:
<script type="text/javascript">
jquery(".slider .bd li").first().before( jquery(".slider .bd li").last() );
jquery(".slider").hover(function(){
jquery(this).find(".arrow").stop(true,true).fadein(300)
},function(){
jquery(this).find(".arrow").fadeout(300) });
jquery(".slider").slide(
{ titcell:".hd ul", maincell:".bd ul", effect:"leftloop",autoplay:true, vis:3,autopage:true, trigger:"click"}
);
</script>
效果图如下:
上一篇:ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList
栏 目:jquery
下一篇:jQuery Easyui datagrid editor为combobox时指定数据源实例
本文标题:一款jquery特效编写的大度宽屏焦点图切换特效的实例代码
本文地址:http://www.codeinn.net/misctech/33932.html