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

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

Javascript: JavaScript入门教程 Cookies; IE8 浏览器Cookie的处理; JS 强制设为首页的代码; JS之日历实践附实现代码; javascript onkeydown,onkeyup,onkeypress,onclick,ondblclick; JAVASCRIPT keycode总结; javascript 学习之旅（1）; javascript 学习之旅（2）; javascript 学习之旅（3）; [Web]防止用户复制页面内容和另存页面的方法; 让网页根据不同IE版本显示不同的内容; 让input不可点击的另一种方法; fckeditor 获取文本框值的实现代码; jquery插件jbox使用iframe关闭问题; js获取提交的字符串的字节数; JS IE和FF兼容性问题汇总; js函数使用技巧之 setTimeout(function(){},0); javascript 模拟select下拉列表特效; js 静态HTML表格排序功能实现; JavaScript 克隆数组最简单的方法

No. « ‹ 125 126 127 128 › »

技术文章搜索

关键字

Javascript 中的对联浮动广告效果

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

收藏到网摘: 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 中的对联浮动广告效果