本文实例讲述了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:none;}<br /> 对联的内容 X关闭 对联的内容 X关闭 希望本文所述对大家的jQuery程序设计有所帮助。
