本文实例为大家分享了js实现左右浮动广告展示的具体代码,供大家参考,具体内容如下
<html> <title>左右两侧浮动广告</title> <head> </head> <body> <table style="background-color:#EEEEE2;width:1024px;height:2000px;t" align="center"> <tr><td> </td></tr> </table> <SCRIPT LANGUAGE="JavaScript"> <!-- var showad = true; var Toppx = 60; //上端位置 var AdDivW = 100; //宽度 var AdDivH = 300; //高度 var PageWidth = 800; //页面多少宽度象素下正好不出现左右滚动条 var MinScreenW = 1024; //显示广告的最小屏幕宽度象素 var ClosebuttonHtml = '<div align="right" style="position: absolute;top:0px;right:0px;margin:2px;padding:2px;z-index:2000;"><a href="javascript:;" rel="external nofollow" rel="external nofollow" mce_href="javascript:;" rel="external nofollow" rel="external nofollow" onclick="hidead()" style="color:red;text-decoration:none;font-size:12px;" mce_style="color:red;text-decoration:none;font-size:12px;">关闭</a></div>' var AdContentHtml = '<div align="center" style="color:green;font-size:23pt;font-family:黑体;" mce_style="color:green;font-size:23pt;font-family:黑体;"><br><br>广告</div>'; document .write('<div id="Javascript.LeftDiv" style="position: absolute;border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-all;display:none;">' + ClosebuttonHtml + '<div>' + AdContentHtml + '</div></div>'); document .write('<div id="Javascript.RightDiv" style="position: absolute;border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-all;display:none;">' + ClosebuttonHtml + '<div>' + AdContentHtml + '</div></div>'); function scall() { if (!showad) { return; } if (document.body.clientWidth < MinScreenW) { //alert("临时提示:/n/n显示器分辨率宽度小于" + MinScreenW + ",不显示广告"); showad = false; document.getElementById("Javascript.LeftDiv").style.display = "none"; document.getElementById("Javascript.RightDiv").style.display = "none"; return; } var Borderpx =( ((window.screen.width - PageWidth) / 2 - AdDivW) / 2 ); document.getElementById("Javascript.LeftDiv").style.display = ""; document.getElementById("Javascript.LeftDiv").style.top = document.body.scrollTop + Toppx; document.getElementById("Javascript.LeftDiv").style.left = document.body.scrollLeft + Borderpx; document.getElementById("Javascript.RightDiv").style.display = ""; document.getElementById("Javascript.RightDiv").style.top = document.body.scrollTop + Toppx; document.getElementById("Javascript.RightDiv").style.left = document.body.scrollLeft + document.body.clientWidth - document.getElementById("Javascript.RightDiv").offsetWidth - Borderpx; } function hidead() { showad = false; document.getElementById("Javascript.LeftDiv").style.display = "none"; document.getElementById("Javascript.RightDiv").style.display = "none"; } window.onscroll = scall; window.onresize = scall; window.onload = scall; //--> </SCRIPT> </body> </html>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。
我试着让滑动抽屉菜单和脸书应用程序中的一样。我在这里提出了很多像这样的问题。找到了很多库,但它们都在不同的库中从左向右或从右向左滑动。我想让它从两侧滑动,通过顶部栏中的两个按钮从左向右和从右向左滑动。有人能帮我吗。 提前感谢。
本文向大家介绍基于javascript实现右下角浮动广告效果,包括了基于javascript实现右下角浮动广告效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了基于javascript实现右下角浮动广告效果,供大家参考,具体内容如下 效果图: 具体代码: 希望本文所述对大家学习javascript程序设计有所帮助。
本文向大家介绍js实现浮动在网页右侧的简洁QQ在线客服代码,包括了js实现浮动在网页右侧的简洁QQ在线客服代码的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现浮动在网页右侧的简洁QQ在线客服代码。分享给大家供大家参考。具体如下: 这是一个简洁版的QQ在线客服,其实重要的是这个JS函数,只要有了这个JS函数,实际上你完全可以写一个这样的在线客服,它是用JS+CSS去控制层的隐藏与展开
本文向大家介绍jq实现左侧显示图片右侧文字滑动切换效果,包括了jq实现左侧显示图片右侧文字滑动切换效果的使用技巧和注意事项,需要的朋友参考一下 分享一款jQuery左侧图片右侧文字滑动切换代码。这是一款基于jQuery实现的列表图片控制图片滑动切换代码。效果图如下: 下面给大家分享下基于jq实现左侧显示图片右侧文字滑动切换效果,用div+css布置表单借用jq实现特效,具体不多说了,请看下面代码。
本文向大家介绍js实现方块上下左右移动效果,包括了js实现方块上下左右移动效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js实现方块移动的具体代码,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。
本文向大家介绍jquery实现浮动的侧栏实例,包括了jquery实现浮动的侧栏实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery实现浮动的侧栏。分享给大家供大家参考。具体如下: 希望本文所述对大家的jQuery程序设计有所帮助。