<script type="text/javascript">

    var msg=["你真?zhèn)ゴ?,"你真漂亮","該吃飯了"];

    $(document).ready(function(){

          $("#tijiao").click(function(){

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

          });

    });

</script>

這個代碼呢是一個 JQ 的按鈕點擊隨機出現(xià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>

這個是一個tab切換的效果

關(guān)鍵點在于

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

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

后面就對<li>綁定click.

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

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

您可能感興趣的文章: