导航

萌即是正义!时不时分享一些ACG活动记录与有趣代码的小站!

侧边栏
最新评论
广树管理员
2026-08-25 08:21
@RQ_东流水:不知道活动会不会到国庆
广树管理员
2026-08-25 08:20
@Zrzzz:灵感源自AI
RQ_东流水
2026-08-25 00:13
@广树:行,那我国庆看能不能再去一趟日本看看
Zrzzz
2026-08-24 23:07
小羊的椅子坐垫十分可爱 缝之
广树管理员
2026-08-24 18:19
@RQ_东流水:应该是有遗漏
攻略中
空之轨迹 the 1st
暂无评分
Steam空之轨迹 the 1st
2026年8月02日 12时 ~ 攻略中
已累计游玩3周3天
因父亲卡西乌斯失踪而踏上旅程的艾丝蒂尔与约书亚, 在巡游利贝尔王国的过程中, 经历了无数与未知同伴的相遇与别离, 而在旅途终点等待着两人的,究竟会是什么……?
节奏天国 奇迹之星
暂无评分
NS节奏天国 奇迹之星
2026年7月08日 20时 ~ 攻略中
已累计游玩1个月19天
《节奏天国:奇迹之星》是一款轻松又充满创意的音乐节奏游戏,玩家只需跟随音乐节拍按下按键,就能完成跳跃、敲击空罐、制作料理等各种有趣的小挑战。游戏延续了《节奏天国》系列简单易上手、节奏感强、画风幽默的特点,让玩家在一个个短小精巧的关卡中感受音乐与反应力结合的乐趣,适合喜欢节奏游戏和轻松休闲玩法的玩家体验。
告别回忆 -无垢少女- 致最爱的你
暂无评分
Steam告别回忆 -无垢少女- 致最爱的你
2026年6月24日 20时 ~ 攻略中
已累计游玩2个月3天
系列作发售至今经历了19年,做为其系列最终作的《告别回忆 ~无垢少女~》(以下略称为本篇)在2018年3月发售。本次的FanDisc和至今的系列作相同,带给玩家在各结局后的短篇故事。请充分享受和各个女主角们在欢乐结局后的幸福时光。
亚路塔:狐狸狐途的面包冒险
暂无评分
Steam亚路塔:狐狸狐途的面包冒险
2026年2月12日 19时 ~ 攻略中
已累计游玩6个月15天
一场席卷全世界的面包革命现在开始! 主人公查雅阴错阳差之下,开始了在荒废的岛屿上经营面包店的生活。 出外冒险搜集食材、研发崭新面包配方、遇见性格各异的伙伴们,建造更丰富的设施,用面包香气使无人问津的广场再次热闹起来!
fault - StP - LIGHTKRAVTE
暂无评分
Steamfault - StP - LIGHTKRAVTE
2025年5月29日 20时 ~ 攻略中
已累计游玩1年2个月
全球累计销量超过50万份的“fault”系列最新作!故事的舞台是一个融合了奇幻与科幻的超前世界——卢森海德王国。本作讲述了生活在此地的一个平凡又平庸的究极普通市民——名为果子的少年的故事。
PSN奖杯卡

PSN奖杯卡

归档
赞助商广告

【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

收款.png


file_000000008460720687635c008459256b.png