js浮动广告

最新推荐文章于 2022-01-02 12:55:05 发布
最新推荐文章于 2022-01-02 12:55:05 发布
阅读量2.9k 收藏
点赞数
分类专栏： WEB 文章标签： function 浏览器 div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zjl_wzw/article/details/4386558
版权

<html>
<head>
<script for=window event=onload language="jscript">     
    //载入页面后，调用函数initAd()   
    initAd();  
 </script>   
 <script language="JScript">   
 <!--   
 function initAd() {   
     //设置onLoad事件激发以后，广告层相对于固定后的y方向位置   
     document.all.AdLayer.style.posTop = -200;  
    //设置层为可见   
     document.all.AdLayer.style.visibility = 'visible';  
    //调用函数MoveLayer()   
     MoveLayer('AdLayer');  
 }   
 function MoveLayer(layerName) {   
    //浮动广告层固定于浏览器的x方向位置  
     var x = 3;   
     //浮动广告层固定于浏览器的y方向位置  
     var y = 30;   
    //0.40是速度，在0到1之间，数值越大，浮动广告动作越慢。实现广告由远及近，由快到慢的效果，可总是不太明白这样的写法，晕：（  
    //scrollTop:滚动条的顶部，无单位  
    //posTop:同top,无px单位  
     var diff = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.40;   
     var y = document.body.scrollTop + y - diff;   
    //移动广告层  
     eval("document.all." + layerName + ".style.posTop = y");   
     eval("document.all." + layerName + ".style.posLeft = x");   
     //设置20毫秒后再调用函数MoveLayer()  
     setTimeout("MoveLayer('AdLayer');", 20);       
 }   
 //-->   
 </script>   
  </head>
 <body>  　　   
 <!--下面为一个ID为AdLayer的层（如ID名不为AdLayer，上面MoveLayer()内的AdLayer也要作相应修改），包括一张带链接的图片-->   
<div id=AdLayer style='position:absolute; width:111px; height:36px; z-index:20; visibility:hidden;; left: 3px; top: 30px'>   
<a href="http://www.mainone.com">广告</a>   
</div>   
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>  
</body> 
</html>

zjl_wzw
关注
专栏目录
JS 浮动广告
快乐的外宅
11-04 338
<br /><SCRIPT FOR=window EVENT=onload LANGUAGE="JScript"><br />initAd();//载入页面后，调用函数initAd()<br /></SCRIPT><br /><script language="JScript"><br /><!--<br />function initAd() {<br />document.all.AdLayer.style.posTop = -200;//设置onLoad事件激发以后，广告层相对于固定后的y方向位置<b
js--简单漂浮广告
weixin_44456027的博客
01-10 425
简单的漂浮广告，在网页可视区域飘动 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt; *{
Js浮动广告效果实现
xiaozhen0610的博客
07-13 3273
第一种 漂浮广告 不符合W3CJavaScript漂浮广告代码，很不错，代码精简，不过一次只有漂一个，复制就能用了。希望站长朋友喜欢。 <html> <head> <title>漂浮广告</title> <body> <div id="codefans_net" style="position:absolute"> <!--链接地址--><a href="#" target="_blank">
（JavaScript）浮动广告代码
01-02 1993
//浮动广告代码 var x = 50,y = 60; //设置元素在浏览器窗口中的初始位置 var xin = true, yin = true; //设置xin、yin用于判断元素是否在窗口范围内 var step = 1 ; //可设置每次移动几像素 var obj=document.getElementById("Ad"); //通过id获取div元素 function floatAd() { var L=T=0; var R= document.body.clientWidth-obj.off
JavaScript浮动广告
村花的兄弟的博客
12-05 3431
js的浮动广告代码，复制就能用<html> <head> <meta charset="utf-8"> <title>图片浮动</title> </head> <body> <div id="img" style="position:absolute"> <img src="图片的地址"
javascript浮动广告
07-11
在本话题中，我们关注的是如何使用JavaScript实现一种特定的广告展示方式——浮动广告。这种广告通常会在网页的角落或者侧边栏中持续移动，吸引用户的注意力。当用户将鼠标悬停在广告上时，广告的移动会暂停，以提供...
js实现左右两侧浮动广告
12-29
本文实例为大家分享了js实现左右浮动广告展示的具体代码，供大家参考，具体内容如下 <html> <title>左右两侧浮动广告</title> <head> </head> <body> <tr><td> </td></tr> ...
又一个不错的js浮动广告代码
10-30
- **定义与应用场景**：JS（JavaScript）浮动广告代码是一种利用JavaScript语言编写的脚本，用于在网页上实现浮动广告效果。这种广告通常会跟随用户的滚动而移动，保持在用户视线范围内，从而提高广告的曝光率和点击...
返回页面顶部的js代码
07-27 4821
博客也好，网站也好，我们都习惯在页脚处加一个“返回顶部”的文字或者图片链接，点击这个链接后就会自动跳到该页面的顶部。实现这种功能最常用的一种方法是在网页的 body 标签下添加一个“标记”，即：12body>a name="top">然后在页脚添加一个链接即可。1a href="#top
浏览器对字符集的识别和使用( Character Set Recognition )
08-20 2367
这几天研究了下浏览器对中文等非ASCII吗的解释问题。经常能看到网页中有以下的代码，假设我们的网页也有这段代码。这个大家都清楚是为了让浏览器以gb2312字符集来解释当前页面，但是我发现浏览器并没有按照这个标签进行解释。看了下微软的网站（http://msdn.microsoft.com/en-us/library/aa752010%28VS.85%29.aspx）现在大概明白了。每一个网页的请求都有两个报文（叫报文不太准确，姑且这么叫吧），一个是请求报文，一个是响应报文。响应报文包含了要显示的html代码
正则表达式（包括js和c#两种语言）
07-27 1380
JS的正则表达式//校验是否全由数字组成 function isDigit(s){var patrn=/^[0-9]{1,20}$/;if (!patrn.exec(s)) return falsereturn true}//校验登录名：只能输入5-20个以字母开头、可带数字、“_”、“.”的字串 function isRegisterUserName(s){var patrn=/^[
json的读取
04-01 912
coolite框架中自带了一个第三方类库，其命名空间为using Newtonsoft.Json.Linq，引用此命名空间后即可使用Jobject。例如： JObject datas = JObject.Parse("{/"Updated/":[{/"dept_id/":1,/"province_code/":/"CQ/",/"province_name/":/"重庆市/",/"sdf
IE 一个文本框onkeypress事件的BUG
07-26 821
<br />1，当IE中只有一个文本框，并在文本框上点击“回车”时，表单的submit事件会触发<br /><form method='post' onsubmit='alert("fm")'><br />     <input type='text' value='' id='t1' name='t1'  /><br /> </form><br />此时直接激发了form的onsubmit事件，弹出‘fm’提示。<br />2，当存在submit按钮时：<br /><form method='post
tomcat端口占用问题
01-08 339
 最近心血来潮想从ASP.NET转到JSP上来，刚开始学习就遇到问题了，一调试就提示服务器端口8080，8009被占用，于是开始改端口。也就是server.xml里的    port="8080"               maxHttpHeaderSize="8192"               maxThreads="150" minSpareThreads="25" maxSpa
解决无IISXP系统无IIS如何安装IIS
06-27 252
<br />解决无IISXP系统无IIS如何安装IIS <br />首先在“开始”菜单的“运行”中输入“c:/Windows/inf/sysoc.inf”，系统会自动使用记事本打开sysoc.inf这个文件。在sysoc.inf中找到“[Components]”这一段，因为是XP简化版，所以里面东西很少，在里面加上这段：“iis=iis2.dll,OcEntry,iis2.inf,,7”。之后保存并关闭。<br />因为是XP简化版，所以在下载的安装文件里也一定没有IIS的安装文件了，点击这里下载IIS安装
js的领悟
07-29 240
引子    编程世界里只存在两种基本元素，一个是数据，一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。    数据天生就是文静的，总想保持自己固有的本色；而代码却天生活泼，总想改变这个世界。    你看，数据代码间的关系与物质能量间的关系有着惊人的相似。数据也是有惯性的，如果没有代码来施加外力，她总保持自己原来的状态。而代码就象能量，他存在的唯一目的，就是要努力改变
考研复习-英语二真题考试题集-带答案
最新发布
09-14
英语二考研真题复习资料，带答案版
js 浮动广告
05-25
6. 使用JavaScript来控制浮动广告的出现和隐藏。 下面是一个简单的示例代码： ``` <!DOCTYPE html> 浮动广告 #ad { position: fixed; top: 50px; right: 0; background-color: #ff0000; ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值