当前位置: 编程技术>jquery
jquery两边飘浮的对联广告代码
来源: 互联网 发布时间：2014-09-03
本文导语: 本节内容： 两边飘浮的对联广告代码。 例子： jquery实现的对联广告代码 代码示例: /** * 对联广告，可以两边飘浮 * by www. */ $(document).ready(function(){ var duilian = $("div.duilian"); var duilian_close = $("a.duilian_cl...
本节内容：
两边飘浮的对联广告代码。
例子：
jquery实现的对联广告代码
代码示例:
/**
* 对联广告，可以两边飘浮
* by www.
*/
$(document).ready(function(){
var duilian = $("div.duilian");
var duilian_close = $("a.duilian_close");
var window_w = $(window).width();
if(window_w>1000){duilian.show();}
$(window).scroll(function(){
var scrollTop = $(window).scrollTop();
duilian.stop().animate({top:scrollTop+100});
});
duilian_close.click(function(){
$(this).parent().hide();
return false;
});
});
/*对联广告的css代码*/
.duilian{top:100px;position:absolute; width:102px; overflow:hidden; display:none;}
.duilian_left{ left:6px;}
.duilian_right{right:6px;}
.duilian_con{border:red solid 1px; width:100px; height:300px; overflow:hidden;}
.duilian_close{ width:100%; height:24px; line-height:24px; text-align:center; display:block; font-size:13px; color:#555555; text-decoration:none;}
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。