设为首页  
联系我们  
加入收藏  
网页制作 冲浪宝典 图形图像 操作系统 软件教学 编程开发 认证考试 安全技术 站长专区 文学驿站 娱乐天地 游戏天地 办公软件
文章搜索
您的位置: 首页 >> 文章首页 >> 网页制作 >> HTML >> 页面两侧对联广告代码效果
精品推荐
HTML点击TOP10
·html教学+HTML语法大全
·页面两侧对联广告代码效果
·打印网页的html代码
·HTML标记大全参考手册
·HTML网页制作基础教程(1):认识HTML
·客户端脚本,值得收藏。。。
·HTML的表单
·设为首页-加入收藏-联系我们的代码
·新浪首页全屏显示广告代码
·一些网页设计小代码
网页制作点击TOP10
·菜鸟架设动网论坛全教程
·网页模板的使用方法 (教程)
·网页对联广告代码效果大全
·初学者入门:如何学习网页制作?
·用JavaScript实现文件图片滚动效果
·常用CSS大全
·网页自动转向代码
·图片循环滚动完美解决
·JS表格排序新法
·DIV CSS网页布局实例解析:实现表格形式
精选专题

页面两侧对联广告代码效果

作者: 来源:网络文章 时间:2006-10-8 21:59:56

页面两侧对联广告代码效果(1) 现在很多网站广告做的如火如荼,现在我就来介绍一下常见的对联浮动广告效果的代码使用方法,本文介绍的这种效果,在1024*768分辨率下正常显示,在800*600的分辨率下可以自动隐藏,以免遮住页面影响访问者浏览内容,下面文本框中就是实现效果所需代码:
<P>  var delta=0.015<BR>  var collection;<BR>  function floaters() {<BR>    this.items  = [];<BR>    this.addItem  = function(id,x,y,content)<BR>         {<BR>          document.write('&lt;DIV id='+id+' style="Z-INDEX: 0; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'"&gt;'+content+'&lt;/DIV&gt;');<BR>          <BR>          var newItem        = {};<BR>          newItem.object      = document.getElementById(id);<BR>          newItem.x        = x;<BR>          newItem.y        = y;</P>
<P>          this.items[this.items.length]    = newItem;<BR>         }<BR>    this.play  = function()<BR>         {<BR>          collection        = this.items<BR>          setInterval('play()',10);<BR>         }<BR>    }<BR>    function play()<BR>    {<BR>      if(screen.width&lt;=800)<BR>      {<BR>        for(var i=0;i&lt;collection.length;i++)<BR>        {<BR>          collection[i].object.style.display  = 'none';<BR>        }<BR>        return;<BR>      }<BR>      for(var i=0;i&lt;collection.length;i++)<BR>      {<BR>        var followObj    = collection[i].object;<BR>        var followObj_x    = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);<BR>        var followObj_y    = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);</P>
<P>        if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {<BR>          var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;<BR>          dx=(dx&gt;0?1:-1)*Math.ceil(Math.abs(dx));<BR>          followObj.style.left=followObj.offsetLeft+dx;<BR>          }</P>

共2页 9 7 [1] [28 :>

页面两侧对联广告代码效果 相关文章:
页面两侧对联广告代码效果 相关软件:
特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
转载请注明来源:http://www.xgdown.com