对联浮动广告效果- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 对联浮动广告效果

Javascript: 我也种棵OO树JXTree[js+css+xml]; 新浪中用来显示flash的函数; JXTree对象，读取外部xml文件数据，生成树的函数; 用js来格式化字符串示例模仿css; js prototype 格式化数字 By shawl.qiu; 新浪刚打开页面出来的全屏广告代码; 记录几个javascript有关的小细节; Some tips of wmi scripting in jscript (1); JavaScript Try...Catch 声明的使用方法; JS版获取字符串真实长度和取固定长度的字符串函数; Javascript中的数学函数; ArrayList类（增强版）; javascript中巧用“闭包”实现程序的暂停执行功能; javascript判断单选框或复选框是否选中方法集锦; FireFox的getYear的注意事项; JavaScript For...In 使用方法; JavaScript Switch 声明; JavaScript If...Else 声明; JavaScript For 循环; JavaScript While 循环教程

No. « ‹ 59 60 61 62 › »

技术文章搜索

关键字

Javascript 中的对联浮动广告效果

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 177 ::

收藏到网摘: n/a

鼠标图片振动代码一段实时更新的时间代码

现在很多网站广告做的如火如荼，现在我就来介绍一下常见的对联浮动广告效果的代码使用方法，介绍的这种效果，在1024*768分辨率下正常显示，在800*600的分辨率下可以自动隐藏，以免遮住页面影响访问者浏览内容，下面就是实现效果所需代码：

点击运行可以看到效果:

<html><head></head><body>大家好啊 <script>//固漂广告 var delta=0.15 var collection; function floaters() { this.items = []; this.addItem = function(id,x,y,content) { document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>'); var newItem = {}; newItem.object = document.getElementById(id); newItem.x = x; newItem.y = y; this.items[this.items.length] = newItem; } this.play = function() { collection = this.items setInterval('play()',10); } } function play() { for(var i=0;i<collection.length;i++) { var followObj = collection[i].object; var followObj_x = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x); var followObj_y = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y); if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) { var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta; dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx)); followObj.style.left=followObj.offsetLeft+dx; } if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) { var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta; dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy)); followObj.style.top=followObj.offsetTop+dy; } followObj.style.display = ''; } } var theFloaters = new floaters(); theFloaters.addItem('followDiv1','document.body.clientWidth-105',20,'<IMG src="http://www.iyuanma.com/asd/images/asd_top_100.gif" width=100 height=400 border="0">'); theFloaters.addItem('followDiv2',10,20,'<IMG src="http://www.iyuanma.com/asd/images/asd_top_100-2.gif" width=100 height=400 border="0">'); theFloaters.play();
//固漂广告end</script>
</body></html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

鼠标图片振动代码一段实时更新的时间代码

Javascript 中的 对联浮动广告效果

评论 (0) All

Javascript 中的对联浮动广告效果