先贴代码吧 复制代码 代码如下: <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 /> function(){<br /> $(this).addClass("active").siblings().removeClass("active");<br /> $(".content1 li").eq($(this).index()).siblings().hide().end().show();<br /> }<br /> )<br /> }<br /> );<br /> 这个是一个tab切换的效果 关键点在于 tab选项卡的div块内:float浮动一行显示多个 。 下面对应的contentdiv块内:多个div, 第一个display:block。其余none。 上下div块内元素的数目和顺序保证一致。 后面就对 绑定click. 对应相对的思路就好了! 好了,今天分享的这2则jQuery特效就先到这里了,以后慢慢分享一些其他特效,希望大家能够喜欢。