易发体育app

当前日期时间
当前时间:
网站标志
Logo
全站搜索
广告位
phpweb图片广告
广告位
phpweb图片广告
自定内容

phpweb已经是国内最强的的开源电子商务系统了,但并非完美,因为任何...

互联网3年一轮回,京东凡客等电商品牌在三年之前也不过是小打小闹,而如...

电商已经成为趋势,传统行业的竞争已经逐渐演变到网络上,也有不少用Weboss...

phpweb系统是固定的模式,适用于大部分行业与需求。但有一些行业还是有自己...

当前位置
文章正文

wordpress代码添加对联效果跟谁屏幕移动两侧广告

发表:管理员  发表时间:2021-07-12 10:16:28   阅读:(121)次  

易发体育app:对联会出现在屏幕两侧,如果滚动下啦,会跟随屏幕移动,效果如下图:

image.png

易发体育app:

易发体育app:教程

易发体育app:

易发体育app:1.将对联代码放置主题根目录 footer.php中的</body>代码之前。

易发体育app:代码如下:

易发体育app://网站两侧对联特效代码

//小牛QQ:914132369  技术学习群:237682461  小牛资源网blog.xnsay.com

易发体育app:<SCRIPT language="JavaScript">

易发体育app:lastScrollY = 0;

易发体育app:function heartBeat(){

易发体育app:var diffY;

if (document.documentElement && document.documentElement.scrollTop)

易发体育app:diffY = document.documentElement.scrollTop;

易发体育app:else if (document.body)

易发体育app:diffY = document.body.scrollTop

易发体育app:else

易发体育app:{/*Netscape stuff*/}

易发体育app://alert(diffY);

易发体育app:percent=.1*(diffY-lastScrollY);

易发体育app:if(percent>0)percent=Math.ceil(percent);

易发体育app:else percent=Math.floor(percent);

document.getElementById("leftDiv").style.top = parseInt(document.getElementById("leftDiv").style.top)+percent+"px";

document.getElementById("rightDiv").style.top = parseInt(document.getElementById("rightDiv").style.top)+percent+"px";

易发体育app:lastScrollY=lastScrollY+percent;

易发体育app://alert(lastScrollY);

易发体育app:}

易发体育app://下面这段删除后,对联将不跟随屏幕而移动。

易发体育app:window.setInterval("heartBeat()",1);

易发体育app://-->

易发体育app://关闭按钮

易发体育app:function close_left2(){

易发体育app:left2.style.visibility='hidden';

易发体育app:}

易发体育app:function close_right2(){

易发体育app:right2.style.visibility='hidden';

易发体育app:}

易发体育app://显示样式

document.writeln("<style type="text/css">");

document.writeln("#leftDiv,#rightDiv{position:absolute;}");

document.writeln(".itemFloat{width:100px;height:auto;line-height:5px}");

易发体育app:document.writeln("</style>");

易发体育app://以下为主要内容

document.writeln("<div id="leftDiv" style="top:112px;left:50px">");

易发体育app://------左侧各块开始

易发体育app://---L2

document.writeln("<div id="left2" class="itemFloat">");

document.writeln("<img border=0 src=http://s3.ax1x.com/2020/12/29/rHuhOs.png>");

document.writeln("<br><a href="javascript:close_left2();" title="关闭上面的广告">×</a>");

易发体育app:document.writeln("</div>");

易发体育app://------左侧各块结束

易发体育app:document.writeln("</div>");

document.writeln("<div id="rightDiv" style="top:112px;right:50px">");

易发体育app://------右侧各块结束

易发体育app://---R2

document.writeln("<div id="right2" class="itemFloat">");

document.writeln("<img border=0 src=http://s3.ax1x.com/2020/12/29/rHKCtK.png>");

document.writeln("<br><a href="javascript:close_right2();" title="关闭上面的广告">×</a>");

易发体育app:document.writeln("</div>");

易发体育app://------右侧各块结束

易发体育app:document.writeln("</div>");

易发体育app:</SCRIPT>

2.将图片地址替换成自己的对联图片。为了更好的去适应访客效果,建议在低于1500分辨率(包括手机端)的终端设备上不显示对联特效,所以,加入了一下css样式:

@media (max-width:1500px){ #leftDiv,#rightDiv{display:none !important}}

代码中的 max-width 值1500可根据自己的需要而设定,比如很多笔记本电脑的分辨率是1440,显示了就会影响两旁的内容展示,毕竟每次要去关闭两张图片会很烦,而且你放在 footer.php 里面可是每个页面都有的。至于对联的各种特效,如跟随屏幕而移动、是否显示关闭按钮等都已经写在代码里面,大家可以自行修改。

易发体育app:

 

假如我们易发体育app/文章对您有所帮助,您可以通过扫描捐赠二维码支持一下我们~

感谢您对我们的支持,您的小小支持让我们有信心走得更远!

脚注信息
© 2005-2015 易发体育app(imaginero-smadronal.com) 易发体育app 版权所有,并保留所有权利。