导航

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

侧边栏
热门文章
1推文
飞猪说这一班飞机没有餐食,结果特意吃饱了上飞机,结果突然端出来量大管饱的飞机餐我都懵了。 这是一条来自高空的推文。
热度
441
2页面
程序员老黄历&求签
热度
338
3推文
酒店免费把我的双人床升级成了2张双人床!空间是大了许多,但是1个住有些浪费呀。
热度
336
4推文
又到了日本5月黄金周的时期了。 去年的黄金周去了秩父和长瀞,今年的黄金周决定去一个远一点的地方,去一个不在日本国内的地方。
热度
155
5推文
最新一集的《mono女孩》里的《摇曳露营△》彩蛋真的太多啦!
热度
117
6推文
抵达台北开始6天5夜的台湾之旅!
热度
116
7博文
探访《蜡笔小新》老家——春日部游记
热度
104
8页面
友链
热度
91
9推文
《苍之彼方的四重奏 10th Anniversary Box》预计2025年3月28日发售,售价为含税19800日元(约922人民币)。 其中如果购买了sprite LIMITED EDITION或FILMIC EDITION版的话,还有机会将名字(猜测)登在结尾字幕中! sprite LIMITED EDITION版售价39800日元(约1853人民币),FILMIC EDITION版售价149800日元(约6973人民币)。 感觉如果花1853人民币就能把"维基萌"打在游戏结尾字幕中也似乎不错的样子?🤔 《苍之彼方的四重奏 10th Anniversary Box》专题页面:https://sprite.net/aokana/10thanniversary/box
热度
78
10博文
《孤独摇滚》圣地巡礼——下北泽&下北泽咖喱节2023
热度
78
最新评论
广树管理员
2025-04-29 22:48
@夕阳西下:哈哈哈,是这么操作的
夕阳西下
2025-04-29 22:46
一个睡觉,另外一个放衣服
广树管理员
2025-04-29 21:37
@Zrzzz:期待第四季的摇曳露营吧
广树管理员
2025-04-29 21:37
@mikusa:哈哈哈,确实有点出戏
广树管理员
2025-04-29 21:37
@ZeroCounter:是吗?真的被飞机的量吓到了。2块面包,1盒咖喱米饭,1碗沙拉,1碗水果,1杯茶,1杯水。
攻略中
星空列车与白的旅行
暂无评分
Steam星空列车与白的旅行
2025年2月22日 22时 ~ 攻略中
已累计游玩2个月6天
乘坐的列车,划破夜空,飞驰在星空之下,令人心旷神怡——这可真是场超值之旅。舒爽夜风吹拂下的随心独旅中,我邂逅了随性的乘客,可人怜爱的乘务员。以及……猫耳少女?这场旅行,究竟会在她身上,留下了些什么呢?
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

donate.png

1210 x 50(蓝底).png

cloudcone