先貼程式碼吧 複製程式碼 程式碼如下: <br /> var msg=["你真偉大","你真漂亮","該吃飯了"];<br /> $(document).ready(function(){<br /> $("#tijiao").click(function(){<br /> $("#p1").html(msg[Math.floor(Math.random() * msg.length)]);<br /> });<br /> });<br /> 這個程式碼呢是一個 JQ 的按鈕點擊隨機出現一句話的這麼一個功能 重點 就在 複製程式碼 程式碼如下: $("#p1").html(msg[Math.floor(Math.random() * msg.length)]); 這一句上面。 好了，下一段程式碼 複製程式碼 程式碼如下: <br /> $(<br /> function() {<br /> $(".content1 ul:gt(0)").hide();<br /> $(".tab li:first").addClass("active");<br /> $(".tab li").css("cursor", "pointer");<br /> $(".tab li").hover(<br /> 且有(){<br /> ‧ $(this).addClass("active").siblings().removeClass("active");<br /> ‧ $(".content1 li").eq($(this).index()).siblings().hide().end().show().end().show();<br /> }<br /> )<br /> }<br /> );<br /> 這是一個tab切換的效果 關鍵點在於 tab選項卡的div區塊內：float浮動一行顯示多個 。 下面對應的contentdiv區塊內：多個div， 第一個display：block。其餘none。 上下div塊內元素的數目和順序保證一致。 後面就對 綁定click. 對應相對的思路就好了！ 好了，今天分享的這2則jQuery特效就先到這裡了，以後慢慢分享一些其他特效，希望大家能夠喜歡。
