<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浮動(dòng)一行顯示多個(gè)<li>。
下面對(duì)應(yīng)的contentdiv塊內(nèi)：多個(gè)div，

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

后面就對(duì)<li>綁定click.

對(duì)應(yīng)相對(duì)的思路就好了！

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

您可能感興趣的文章: