【极速实现】对联广告,最少代码搞定!

【极速实现】对联广告,最少代码搞定!

浏览次数:
作者: 墨鱼
信息来源: 本站原创
更新日期: 2016-09-18 13:36:21
文章简介

无需复杂代码,轻松实现对联广告!我们的对联广告插件,简洁高效,一键部署,即可在网页上展示精美对联。提升用户体验,同时增加广告收益,让你的网页更具商业价值!

  • 正文开始
  • 相关阅读
  • 推荐作品

css 代码

代码如下:

.couplet_ad
/* 底部固定*/{position:fixed;bottom:auto; top:0; width: 120px; height: 230px; z-index:99999; margin-top:158px;}
* html .couplet_ad
/* IE6 底部固定*/{_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop));}
.couplet_ad a{ display:block; cursor:pointer;}
#ad_left{ left: 0px;}
#ad_right{ right: 0px;}
 


html代码(下代码直接放到html中即可)
对联广告左边

代码如下:

<div class="couplet_ad" id="ad_left">
<a target="_blank" href=""><img src="dl.jpg"></a>
<a onClick="ad_left();">关闭</a>
</div>
 


对联广告右边

代码如下:

<div class="couplet_ad" id="ad_right">
<a target="_blank" href=""><img src="dl.jpg"></a>
<a  onClick="ad_right();">关闭</a>
</div>
 

 

这个js是关闭按钮代码

代码如下:

<script language="javascript">
function ad_left(){
document.getElementById('ad_left').style.display="none";
}
function ad_right(){
document.getElementById('ad_right').style.display="none";
}
</script>
 

 

关联内容: 对联广告
解决Web部署中svg/woff/woff2字体404错误的教程
« 上一篇 2016年04月23日
前端图标CSS优化与跨域访问解决方案
下一篇 » 2016年10月22日
  • 高效定时展示广告的JS技巧,轻松实现不同时段不同广告
    2329阅读2条评论46个赞
    轻松实现广告展示优化!我们的JS方法高效简洁,可根据不同时间段智能切换广告内容,提升用户体验与广告效果,助力您的营销活动更上一层楼,轻松吸引目标客户!
  • 自适应模板网站添加广告教程
    6044阅读5条评论109个赞
    关于如何在自适应模板网站中添加广告的教程:首先,选择适合网站风格和目标受众的广告形式;其次,根据广告尺寸调整自适应模板的布局设置,确保广告在不同设备上均能良好展示;接着,将广告代码嵌入指定位置,注意避免影响用户体验;最后,测试网站在不同浏览器和设备上的显示效果,确保广告加载迅速且不影响页面整体美观。简单几步,即可成功在自适应网站中添加广告。
  • 利用JS定时切换,每日或定时轮播图文广告链接,高效展示
    1661阅读0条评论37个赞
    利用JavaScript精准控制,实现图片或文字广告按天或时间循环切换,提升广告效果。智能管理,确保广告内容有序展现,满足不同时段推广需求,增强用户体验,提升营销效果。
  • 帝国CMS广告JS过滤解决策略一览
    3993阅读3条评论45个赞
    针对帝国CMS广告JS被过滤问题,以下提供几种有效解决方法:检查JS代码是否合规,避免触发过滤机制;尝试使用CDN加速服务,提高JS加载速度;若仍被过滤,可联系网站管理员或服务商协助解决。
  • JS动态展示随机链接图片,轻松实现广告轮播
    1317阅读1条评论11个赞
    网页通过JS实现随机显示广告图片功能,每张图片均附带链接,为用户带来多样化的广告体验。该技术不仅提升了广告展示效果,还增加了用户互动性和点击率,是网页广告展示的优化利器。

如本文对您有帮助,就请墨鱼抽根烟吧!