导航

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

侧边栏
热门文章
1推文
一晃眼正式进入2025年的蛇年春节了呢。祝各位大佬新春快乐!
热度
713
2博文
探访《蜡笔小新》老家——春日部游记
热度
182
3推文
博客的评论可以撤回啦!在维基萌博客系统0.24.0版本中,如果遇到评论内容有不妥的情况,可以在5分钟内进行撤回操作(当然博主还是会知道你撤回了什么内容🤭),这样就不怕奇怪的评论被发到网上啦! 这评论系统做的越来越像是聊天系统了呢😅。 另外,既然可以撤回了,那么评论者自然也就可以看到自己还在审核中的评论了。对比之前的弹窗提示,这样用户能更直观的确认到自己刚才的评论是否发送成功了,从而防止出现重复发送评论的现象。 维基萌博客系统0.24.0版本现已发布,具体更新内容详见:https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.24.0
热度
169
4页面
游戏
热度
156
5页面
关于
热度
117
6推文
看《间谍×过家家·代号:白》的时候亚马逊还顺带给我推荐了《铃芽之旅》,这才想起来我《铃芽之旅》也还没看呀!于是又抽空在亚马逊上把《铃芽之旅》给看完了。 可以说是相继《你的名字》、《天气之子》之后的集大成之作。画面依旧是那么的漂亮,剧情依旧是那个女孩遇见男孩。相比较前几作,这作在男女主的感情描绘上确实生硬了一些,有一种男主仅凭一张脸就让女主出生入死的感觉😅。不过相对的,这一作对于"灾难"的描绘比前几作要强上很多。伏笔也还不错,只不过感觉剧中有挺多我觉得应该是伏笔的地方结果居然不是,不知道是不是因为篇幅原因给删减了? 这时间一晃《铃芽之旅》已经是2022年的电影了,不知道新海诚的下一部作品什么时候出呀!
热度
104
7页面
阅读
热度
104
8博文
手把手从零开始搭建《泰拉瑞亚》(Terraria)服务器
热度
104
9博文
历经多重考验的第一天——《摇曳露营△》圣地巡礼之伊豆高原大室山和仙人掌动物公园
热度
78
10页面
活动
热度
78
最新评论
广树
2025-01-31 20:37
@tongnixcv:撤了吗?
tongnixcv
2025-01-31 19:42
哈哈哈,我撤我撤
广树
2025-01-31 12:31
@laffey:大佬新年快乐
广树
2025-01-31 12:31
@小彦:新年快乐! 哈哈哈,一年可能也就几次发短推文。
laffey
2025-01-31 12:23
新年快乐
正在攻略

logo_kai.jpg


PSN奖杯卡

PSN奖杯卡

赞助商广告

【jQuery】两端对联广告

作者:广树时间:2016-02-12 17:01:04分类:JavaScript/jQuery/Vue

代码下载地址:

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