SuperSlideラベル切り替え、フォーカスマップの複数の組み合わせプラグイン

10420 ワード

このプラグインにはSuperSlideタグ切替、フォーカスマップの複数の組み合わせプラグインが含まれており、SuperSlideはウェブサイトの統一的な特効呼び出しを実現するための関数であり、ほとんどのタグ切替、フォーカスマップ切替などの効果を解決し、複数のslideの組み合わせでより多くの効果を創造することができる.(ieカーネル(無敵のie 6を含む)、webkitカーネル、ff、operaなどの主流ブラウザと互換性があります).Webサイトに適用される統合プラグインライブラリには、Webサイトでよく使用される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:
 
  






Super Slide









 

  

     

       

        

             

  •          

  •          

  •         

       

       
       

         

           
           

            

             
            

            

             

                  
  • 2011-11-11

  •               
  • 2011-11-11 : !

  •               
  • 2011-11-11

  •               
  • 2011-11-11

  •               
  • 2011-11-11 ipad2,45

  •               
  • 2011-11-11 , !

  •              

             

                  
  • 2011-11-11 :3

  •               
  • 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

  •              

            

           

           
           
           

            

             
            

            

             

                  
  • 2011-11-11

  •               
  • 2011-11-11 : !

  •               
  • 2011-11-11

  •               
  • 2011-11-11

  •               
  • 2011-11-11 ipad2,45

  •               
  • 2011-11-11 , !

  •              

             

                  
  • 2011-11-11 :3

  •               
  • 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

  •              

            

           

           
           
           

            

             
            

            

             

                  
  • 2011-11-11

  •               
  • 2011-11-11 : !

  •               
  • 2011-11-11

  •               
  • 2011-11-11

  •               
  • 2011-11-11 ipad2,45

  •               
  • 2011-11-11 , !

  •              

             

                  
  • 2011-11-11 :3

  •               
  • 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

  •              

            

           

           
         

       

       
     

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

 





以上が本文のすべての内容で、みんなが好きになることを望みます.