linux社区爱心援助Linux认证系列教程业界动态站务新闻公司招聘网络学院网址大全LPI专题CISCO专题
设为首页
加入收藏
管理团队
JSP  
JAVA  
PERL  
 您的位置:首页 > 开发语言 > JavaScript >
栏目导栏
  php
  JSP
  ASP
  asp.net
  JAVA
  c/c++/c#
  perl
  JavaScript
  Basic
  Delphi
资料搜索
热门文章
·javascript 时间对象的格式化
·去掉字符串前后的空格
·javascript 事件监听机制
·javascript 事件调用顺序
·js刷新框架子页面的七种方法
·JavaScript:替换字符串
·IE下的JScript编程需注意的内存
·用javascript操作word文档
·Javascript中CTRL+回车提交表单
·JS 获取鼠标位置
·javascript判断Email地址是否有
·Javascript中Select的OnChange
·JS实现的滑动展开与折叠效果
·有分页功能的WEB打印
·Javascript实现窗口最大化的严
最新文章
·使用CSS改变表格边框样式
·为网页添加浮动广告
·判断表单中添加是否数字的JS与
·让浏览器状态栏动起来
·使用Javascript制作行间颜色间
·禁止用右键查看源代码
·网页侦测四法
·制作弹出公告窗口
·为网页添加特效
·网页中取消鼠标右键方法大全
·JavaScript 根据屏幕解析度显示
·如何实现浏览器上的右键菜单
·如何制作浮动广告
·让弹出窗口变得“体贴”一些
·JavaScript技巧:让网页自动穿上
Google
 
详细解析网页漂浮广告代码的含义
[ 作者:  加入时间:2007-10-29 13:49:01  来自:Linux联盟收集整理 ]

网页漂浮广图片特效,这种特效我们总是很喜欢,鼠标指向图片后图片停止移动。

<pre>ES8Linux联盟
<div id="ad" style="position:absolute"><a href="http://www.cnwebshow.com">ES8Linux联盟
<img src="/img/200406301.jpg" border="0"></a>ES8Linux联盟
</div>ES8Linux联盟
<script>ES8Linux联盟
  var x = 50,y = 60ES8Linux联盟
  var xin = true, yin = trueES8Linux联盟
  var step = 1 ES8Linux联盟
  var delay = 10ES8Linux联盟
  var obj=document.getElementById("ad") ES8Linux联盟
  function floatAD() {ES8Linux联盟
     var L=T=0ES8Linux联盟
     var R= document.body.clientWidth-obj.offsetWidthES8Linux联盟
     var B = document.body.clientHeight-obj.offsetHeightES8Linux联盟
     obj.style.left = x + document.body.scrollLeftES8Linux联盟
     obj.style.top = y + document.body.scrollTopES8Linux联盟
     x = x + step*(xin?1:-1)  ES8Linux联盟
     if (x < L) { xin = true; x = L} ES8Linux联盟
     if (x > R){ xin = false; x = R} ES8Linux联盟
     y = y + step*(yin?1:-1) ES8Linux联盟
     if (y < T) { yin = true; y = T } ES8Linux联盟
     if (y > B) { yin = false; y = B } ES8Linux联盟
  }ES8Linux联盟
  var itl= setInterval("floatAD()", delay) ES8Linux联盟
 obj.onmouseover=function(){clearInterval(itl)} ES8Linux联盟
 obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}ES8Linux联盟
</script>ES8Linux联盟
</pre>

Linux联盟收集整理 ,转贴请标明原始链接,如有任何疑问欢迎来本站Linux论坛讨论
评论】【加入收藏夹】【 】【打印】【关闭
※ 相关链接
无相关信息