一款jquery特效编写的大度宽屏焦点图切换特效的实例代码
发布时间:2014-02-28 编辑:jiaochengji.com
焦点图显示区域有固定的宽度,当前显示宽度之外是一个半透明层显示的其它的焦点图片,最好的是,此特效兼容ie6以及其它浏览器。
适用浏览器: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>
效果图如下:
您可能感兴趣的文章:
一款jquery特效编写的大度宽屏焦点图切换特效的实例代码
jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
基于jquery编写的横向自适应幻灯片切换特效的实例代码
jQuery的效果集工具包 Glimmer
分享精心挑选的23款美轮美奂的jQuery 图片特效插件
基于jquery的网站幻灯片切换效果焦点图代码
jQuery图片播放8款精美插件分享
CSS3 等宽字体与ch单位的详解
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
php语言用什么软件写
[关闭]