本文實例講述了jquery實作對聯廣告的方法。分享給大家供大家參考。具體實作方法如下: 複製程式碼 程式碼如下: <br /> $(document).ready(function(){<br /> var duilian = $("div.duilian");<br /> var duilian_close = $("a.duilian_close"); <p> var window_w = $(window).width();<br /> if(window_w>1000){duilian.show();}<br /> $(window).scroll(function(){<br /> var scrollTop = $(window).scrollTop();<br /> duilian.stop().animate({top:scrollTop 100});<br /> });<br /> duilian_close.click(function(){<br /> $(this).parent().hide();<br /> return false;<br /> });<br /> });<br /> <br /> /*下面是對聯廣告的css代碼*/<br /> .duilian{top:100px;position:absolute; width:102px; overflow:hidden; display:none;}<br /> .duilian_left{ left:6px;}<br /> .duilian_right{right:6px;}<br /> .duilian_con{border:red solid 1px; width:100px; height:300px; overflow:hidden;}<br /> .duilian_close{ width:100%; height:24px; line-height:24px; text-align:center; display:block; font-size:13px; color:#555555; text-decoration:nnone; 對聯的內容 X關閉 對聯的內容 X關閉 希望本文所述對大家的jQuery程式設計有所幫助。