zoukankan      html  css  js  c++  java
  • 一款jQuery特效编写的大度宽屏焦点图切换特效

    一款jQuery编写的大度宽屏焦点图切换特效

    焦点图显示区域有固定的宽度,当前显示宽度之外是一个半透明层显示的其它的焦点图片,

    最好的是,此特效兼容IE6以及其它浏览器。

    适用浏览器:IE6、IE7、IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.

    主要代码如下:

     1 <script type="text/javascript">
     2 jQuery(".slider .bd li").first().before( jQuery(".slider .bd li").last() );
     3 jQuery(".slider").hover(function(){
     4      jQuery(this).find(".arrow").stop(true,true).fadeIn(300) 
     5      },function(){ 
     6          jQuery(this).find(".arrow").fadeOut(300) });                
     7      jQuery(".slider").slide(
     8          { titCell:".hd ul", mainCell:".bd ul", effect:"leftLoop",autoPlay:true, vis:3,autoPage:true, trigger:"click"}
     9     );
    10 </script>

    效果图如下:

    特效下载地址:http://www.jqshare.com/Jq/fondone/id/138.html

    更多特效:jquery特效

  • 相关阅读:
    C 应用
    C 基本语法
    iOS
    iOS
    iOS
    iOS
    iOS
    iOS
    iOS
    iOS
  • 原文地址:https://www.cnblogs.com/heyoung/p/3216178.html
Copyright © 2011-2022 走看看