【jQuery】两端对联广告

导航

侧边栏

最新评论

广树管理员

2026-07-11 12:19

@666：因为avif格式到24年才几乎被主流浏览器覆盖。webp的缺点是不支持hdr

666

2026-07-11 12:17

avif见的不多，webp倒是不少

广树管理员

2026-07-11 11:50

@Ringnee：就是所有关卡clear

广树管理员

2026-07-11 11:50

@Aki：据我所知三星的HDR方案应该是安卓机较为通用的方案，也不排除其他手机特立独行。

Ringnee

2026-07-09 09:57

我前两天想玩一下健身环发现switch打开也没电了。节奏天国的玩到最后是什么意思？还有攻略关卡吗

攻略中

暂无评分

NS节奏天国奇迹之星

2026年7月08日 20时 ~ 攻略中

已累计游玩4天

《节奏天国：奇迹之星》是一款轻松又充满创意的音乐节奏游戏，玩家只需跟随音乐节拍按下按键，就能完成跳跃、敲击空罐、制作料理等各种有趣的小挑战。游戏延续了《节奏天国》系列简单易上手、节奏感强、画风幽默的特点，让玩家在一个个短小精巧的关卡中感受音乐与反应力结合的乐趣，适合喜欢节奏游戏和轻松休闲玩法的玩家体验。

暂无评分

PS5传颂之物：循白之证

2026年5月31日 19时 ~ 攻略中

已累计游玩1个月12天

《传颂之物：循白之证》是 AQUAPLUS 开发、Shiravune 发行的《传颂之物》系列动作 RPG。故事发生在大国“大和”恢复和平之后：奥修特尔、御雷、宗近、修娘等人击退敌国阿瓦什兰的侵略，本应迎来安宁，但各地却陆续出现看似毫无关联的怪异现象，并逐渐指向同一个源头；随着三条线索彼此重叠，众人再次踏上旅程，而旅途尽...

【jQuery】两端对联广告

2016-02-12 17:01:04

JavaScript

代码下载地址：

http://pan.baidu.com/s/1mhjK5i4

使用方法：

第一步先导入css样式

.double_ad_right_box,.double_ad_left_box {
	position: fixed;
	display:none;
	z-index:99999;
}
.double_ad_close {
	background-repeat: no-repeat;
	height: 14px;
	width: 14px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
@font-face {font-family: 'iconfont_double_ad';
    src: url('font/iconfont.eot'); /* IE9*/
    src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.double_ad_close{
    font-family:"iconfont_double_ad" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

※下载的代码中包含了一个css文件夹，这个文件夹所含的css样式表只是用来初始化以下css样式，在使用时不要复制进去。
※下载的代码中包含一个font文件夹，主要是用来设置关闭按钮的颜色。

第二步加入html

  <div class="double_ad_left_box">
    <div class="double_ad_close">&#xe7bf;</div>
    <a href="https://www.wikimoe.com/" target="_blank"><img src="images/7.jpg" width="210" height="300" border="0" /> </a>
  </div>
  
  <div  class="double_ad_right_box">
    <div class="double_ad_close">&#xe7bf;</div>
    <a href="https://www.wikimoe.com/" target="_blank"><img src="images/8.jpg" width="210" height="300" border="0" /> </a>
  </div>

第三步设置js

<script>
$(document).ready(function(){
	double_ad_left_right = 100 /*设置距离浏览器窗口左右边框的距离*/
	double_ad_top = 100 /*设置距离浏览器窗口上边框的距离*/
	double_ad_animate = 1000 /*设置关闭动画的时间长度*/
	double_ad_close_color = '#333' /*设置关闭按钮颜色*/
	double_ad_close_over_color = '#fff' /*设置关闭按钮经过时的颜色*/
	double_ad_close_opacity = 0.8  /*设置关闭按钮不透明度*/
	
	 $(".double_ad_left_box").css('left',double_ad_left_right).css('top',double_ad_top + 'px');
	 $(".double_ad_right_box").css('right',double_ad_left_right).css('top',double_ad_top + 'px');
	 $(".double_ad_close").css('color',double_ad_close_color).css('opacity',double_ad_close_opacity);
	 $(".double_ad_right_box,.double_ad_left_box").show();
	 $('.double_ad_close').mouseover(function() { 
	   $(this).css('color',double_ad_close_over_color)
	});
	 $('.double_ad_close').mouseout(function() { 
	   $(this).css('color',double_ad_close_color)
	});
	 
	 $('.double_ad_close').click(function() { 
	  $(this).parent().hide(double_ad_animate)
	});
});
</script>

具体效果可以 点击查看例子

※本代码为原创代码，如需转载请注明出处：www.wikimoe.com。