本文主要是介绍HTML怎么编写可关闭广告,jquery实现两边飘浮可关闭的对联广告_jquery，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
效果展示：
代码说明:
可关闭的左右两边飘浮的对联广告代码jquery特效，宽屏分辨率大于1024px才显示。因为考虑到窄屏下显示对联广告那真是用户体验超差。
点击关闭按钮可以单独关闭自己一边的飘浮的对联广告代码。
js代码中的var screen_w = screen.width; if(screen_w>1024){duilian.show();} 是jquery判断浏览器分辨率的，你可以修改这个可关闭的左右两边飘浮的对联广告代码所需要的浏览器分辨率值，如果不想做判断可以删除这两句，让后把css代码 .duilian{top:260px;position:absolute; width:102px; overflow:hidden; display:none;}中的display:none;删除就不判断浏览器分辨率了。
点击两边飘浮的对联广告代码的下方关闭可以关闭各自的半边对联广告。
部分html代码如下：
对联的内容
X关闭
对联的内容
X关闭
部分css代码如下：
/*下面是对联广告的css代码*/
.duilian{top:260px;position:absolute; width:102px; overflow:hidden; display:none;}
.duilian_left{ left:6px;}
.duilian_right{right:6px;}
.duilian_con{border:#CCC 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;}
部分左右两边飘浮的对联广告代码如下：
下面一段代码很简单是实现jquery两边飘浮的对联广告代码
本节内容：
两边飘浮的对联广告代码。
例子：
jquery实现的对联广告代码
示例代码如下所示：
对联的内容
X关闭
对联的内容
X关闭
声明：本文原创发布php中文网，转载请注明出处，感谢您的尊重！如有疑问，请联系admin@php.cn处理
这篇关于HTML怎么编写可关闭广告,jquery实现两边飘浮可关闭的对联广告_jquery的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
