导航

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

侧边栏
热门文章
1页面
程序员老黄历&求签
热度
481
2页面
友链
热度
299
3推文
《摇曳露营△》联合日本静冈县推出了新的圣地巡礼地图。 这周要去的圣地巡礼正是《摇曳露营△》第二季中的伊豆半岛,也就是巡礼地图的右下角这块区域。 可以看到光是伊豆半岛这块区域的巡礼地点就非常多。 此次行程准备用时2天,能逛多少就算多少。 《摇曳露营△》× 静冈县官方:https://yurucamp-shizuoka.com
热度
130
4博文
《泰拉瑞亚》1.4 突然无法拾取/捡取物品怎么办?
热度
117
5页面
关于
热度
104
6博文
让宽高自动过渡动画不再那么繁琐!CSS新功能 interpolate-size 和 calc-size()
热度
91
7博文
《孤独摇滚》圣地巡礼——下北泽&下北泽咖喱节2023
热度
91
8博文
让智能AI(waifulabs)来为你生成老婆吧!
热度
91
9博文
大开眼界的《憧憬成为魔法少女非常热闹哟大感谢祭》S场
热度
78
10推文
好家伙,我用的日版oppo手机在刚才系统更新之后突然多出了两款系统APP,分别是“APP Picks”和“News Plus”,看起来是用来取代安卓原生的“Google Play”和“Google News”。如果是新机购买时自带还能理解,可问题是你在只提到了这次更新是安全性更新的前提下,突然给我加两个APP是不是有点太恶心了?甚至还不能删除! 在有“Google Play”的情况下,“APP Picks”真的非常鸡肋,上架“APP Picks”的APP主要面向国际版,少了一些日本本土的APP,而且还时不时弹出各种通知简直就是噩梦级体验。 我觉得加是可以加,但请至少给用户一些选择权。而不是在安全更新补丁中搞点自己的东西!
热度
78
最新评论
广树
2024-10-10 19:57
@铭心:谢谢大佬夸奖,大佬的博客也很可爱。 关于友链,抱歉,希望能仔细阅读一下友链要求。
铭心
2024-10-10 19:52
博主你好啊,今天看到了这个博客非常的漂亮,想和你互加一个友链,我的博客已经挂上了贵站链接 名称:铭心の博客 简介:铭心的个人小窝(๑•ᴗ•๑) 连接:https://www.mxin.moe 图标:https://www.mxin.moe/favicon.ico
广树
2024-10-10 16:55
@Shawn:不过现在印象应该深刻了,是大佬!
Shawn
2024-10-10 15:50
@广树:哈哈哈没事~
广树
2024-10-10 15:35
@Shawn:因为我一开始就不是wordpress用户,抱歉...只能说听过GIligili这个名字😅
正在攻略

e54e3ae78936587d51e4b180673cb495.png

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