欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

2則自己編寫的jQuery特效分享

 更新時(shí)間:2015年02月26日 10:19:55   作者:時(shí)光隧道冰  
這里給大家分享的是個(gè)人編寫的2個(gè)jQuery特效,非常簡單實(shí)用,推薦給大家,希望對大家能有所幫助。

先貼代碼吧

復(fù)制代碼 代碼如下:

<script type="text/javascript">
    var msg=["你真?zhèn)ゴ?,"你真漂亮","該吃飯了"];
    $(document).ready(function(){
          $("#tijiao").click(function(){
          $("#p1").html(msg[Math.floor(Math.random() * msg.length)]);
          });
    });
</script>

 這個(gè)代碼呢是一個(gè) JQ 的按鈕點(diǎn)擊隨機(jī)出現(xiàn)一句話的這么一個(gè)功能

要點(diǎn)  就在

復(fù)制代碼 代碼如下:

 $("#p1").html(msg[Math.floor(Math.random() * msg.length)]);

這一句上面。

好了,下一段代碼

復(fù)制代碼 代碼如下:

    <script language="javascript" type="text/javascript">
            $(
               function() {
               $(".content1 ul:gt(0)").hide();
               $(".tab li:first").addClass("active");
               $(".tab li").css("cursor", "pointer");
               $(".tab li").hover(
                     function(){
                       $(this).addClass("active").siblings().removeClass("active");
                       $(".content1 li").eq($(this).index()).siblings().hide().end().show();
                                }
                                 )
                           }
             );
    </script>   

這個(gè)是一個(gè)tab切換的效果

關(guān)鍵點(diǎn)在于

tab選項(xiàng)卡的div塊內(nèi):float浮動一行顯示多個(gè)<li>。
下面對應(yīng)的contentdiv塊內(nèi):多個(gè)div,

第一個(gè)display:block。其余none。
上下div塊內(nèi)元素的數(shù)目和順序保證一致。

后面就對<li>綁定click.

對應(yīng)相對的思路就好了!

好了,今天分享的這2則jQuery特效就先到這里了,以后慢慢分享一些其他特效,希望大家能夠喜歡。

相關(guān)文章

最新評論