SuperSlide标签切换、焦点图多种组合插件

此款插件包含在SuperSlide标签切换、焦点图多种组合插件,SuperSlide 是致力于实现网站统一特效调用的函数，能解决大部分标签切换、焦点图切换等效果，还能多个slide组合创造更多的效果。（兼容ie内核(包括无敌的 ie6)、webkit内核、ff、opera等主流浏览器）。适用于网站统一插件库其中包含了网站常用的大部分js效果。文件中包含使用详解。

js调用：

复制代码 代码如下:

jQuery(".slideTxtBox").slide( {effect:"left"} );
jQuery("#doubleSlideTxt").slide( { titCell:".parHd li",mainCell:".parBdIn",effect:"top",trigger:"click" } );

css代码：

复制代码 代码如下:

/* 双重slide-文本滚动效果 */
#doubleSlideTxt{ width:524px; zoom:1; position:relative; text-align:left;  }
#doubleSlideTxt .parHd{ position:absolute; z-index:1; top:10px; left:453px; width:44px; overflow:hidden; }
#doubleSlideTxt .parHd li{ width:14px; padding:5px 5px 5px 5px;  line-height:16px; border:1px solid #baccdf; border-left:0; 
    margin-bottom:5px; background:#fff; color:#b5c4d3;  cursor:pointer; margin-left:1px;  }
#doubleSlideTxt .parHd li.on{ background:#dbeefd; font-weight:bold; color:#367399;  border-right:3px solid #4e98c6;  
    margin-left:0px; position:relative; z-index:100; padding:5px 10px 5px 10px;}
#doubleSlideTxt .parBd{ position:relative;  z-index:0; width:440px; left:0px; border:1px solid #baccdf; padding:6px; background:#dbeefd;}
#doubleSlideTxt .parBd .slideTxtBox{ background:#fff; width:400px; border:0; padding:20px;    }
#doubleSlideTxt .parBd .slideTxtBox .hd{ background:#fff;  }

HTML:

复制代码 代码如下:

 

  

     

       

        

         
• 栏目一

         
• 栏目二

         
• 栏目三

        

       

       
       

         

           
           

            

             

• 教育1
• 培训1
• 出国1

            

            

             

              
• 2011-11-11中国打破了世界软件巨头规则

              
• 2011-11-11口语：会说中文就能说英语！

              
• 2011-11-11农场摘菜不如在线学外语好玩

              
• 2011-11-11数理化老师竟也看学习资料？

              
• 2011-11-11学英语送ipad2,45天突破听说

              
• 2011-11-11学外语，上北外！

             

             

              
• 2011-11-11名师教作文：３妙招巧写高分

              
• 2011-11-11耶鲁小子：教你备考SAT

              
• 2011-11-11施强：高端专业语言教学

              
• 2011-11-11数理化老师竟也看学习资料？

              
• 2011-11-11【推荐】名校英语方法曝光！

              
• 2011-11-112012高考“考点”大曝光!!

             

             

              
• 2011-11-11澳大利亚八大名校招生说明会

              
• 2011-11-112012世界大学排名新鲜出炉

              
• 2011-11-11新加坡留学，国际双语课程

              
• 2011-11-11高考后留学日本名校随你选

              
• 2011-11-11教育培训行业优势资源推介

              
• 2011-11-11即刻预约今年最后一场教育展

             

            

           

           
           
           

            

             

• 教育2
• 培训2
• 出国2

            

            

             

              
• 2011-11-11中国打破了世界软件巨头规则

              
• 2011-11-11口语：会说中文就能说英语！

              
• 2011-11-11农场摘菜不如在线学外语好玩

              
• 2011-11-11数理化老师竟也看学习资料？

              
• 2011-11-11学英语送ipad2,45天突破听说

              
• 2011-11-11学外语，上北外！

             

             

              
• 2011-11-11名师教作文：３妙招巧写高分

              
• 2011-11-11耶鲁小子：教你备考SAT

              
• 2011-11-11施强：高端专业语言教学

              
• 2011-11-11数理化老师竟也看学习资料？

              
• 2011-11-11【推荐】名校英语方法曝光！

              
• 2011-11-112012高考“考点”大曝光!!

             

             

              
• 2011-11-11澳大利亚八大名校招生说明会

              
• 2011-11-112012世界大学排名新鲜出炉

              
• 2011-11-11新加坡留学，国际双语课程

              
• 2011-11-11高考后留学日本名校随你选

              
• 2011-11-11教育培训行业优势资源推介

              
• 2011-11-11即刻预约今年最后一场教育展

             

            

           

           
           
           

            

             

• 教育3
• 培训3
• 出国3

            

            

             

              
• 2011-11-11中国打破了世界软件巨头规则

              
• 2011-11-11口语：会说中文就能说英语！

              
• 2011-11-11农场摘菜不如在线学外语好玩

              
• 2011-11-11数理化老师竟也看学习资料？

              
• 2011-11-11学英语送ipad2,45天突破听说

              
• 2011-11-11学外语，上北外！

             

             

              
• 2011-11-11名师教作文：３妙招巧写高分

              
• 2011-11-11耶鲁小子：教你备考SAT

              
• 2011-11-11施强：高端专业语言教学

              
• 2011-11-11数理化老师竟也看学习资料？

              
• 2011-11-11【推荐】名校英语方法曝光！

              
• 2011-11-112012高考“考点”大曝光!!

             

             

              
• 2011-11-11澳大利亚八大名校招生说明会

              
• 2011-11-112012世界大学排名新鲜出炉

              
• 2011-11-11新加坡留学，国际双语课程

              
• 2011-11-11高考后留学日本名校随你选

              
• 2011-11-11教育培训行业优势资源推介

              
• 2011-11-11即刻预约今年最后一场教育展

             

            

           

           
         

       

       
     

     
  

 

以上就是本文的全部内容了，希望大家能够喜欢。