站长资源变现入口 全国楼凤小姐姐 招商联系客服 招商联系客服 招商联系客服 招商联系客服

jquery实现两边飘浮可关闭的对联广告

[复制链接]
查看115 | 回复0 | 2024-10-17 11:52:47 | 显示全部楼层 |阅读模式
本帖最后由 小麦子 于 2024-10-19 00:12 编辑
可关闭的左右两边漂浮的对联广告代码jquery特效,宽屏分辨率大于1024px才显示,当用户点击关闭按钮可以单独关闭自己一边的漂浮的对联广告代码,juqery对联广告效果感兴趣的朋友一起学习吧!效果展示:

20151127102405993.png

代码说明:

可关闭的左右两边飘浮的对联广告代码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;删除就不判断浏览器分辨率了。

点击两边飘浮的对联广告代码的下方关闭可以关闭各自的半边对联广告。
代码如下:

付费内容
游客,您好!如果您要查看本帖隐藏内容请向楼主支付5积分
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则