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

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

Javascript: javascript 函数介绍; 超酷的鼠标拖拽翻页(分页)效果实现javascript代码; 关于Javascript中的事件--Event对象; js+css图片自动等比例缩小且垂直居中; 输入法下keyup失效的解决方案; 关于初次学习Ajax的一些心得; 可以不被浏览器拦截的弹出窗口JS代码; 网页设计常用的Javascript特效代码; XMLHTTPRequest的属性和方法; 微软、Mozilla舌战新版JavaScript发展; 网页制作中常用的几段小Javascript代码; Ajax是建立Web应用的一条新途径; AJAX学习:理解JavaScript函数; javascript下的正则表达式基本书写; 学习 javascript 注意的4个问题; javascript正则表达式的常用方法总结; 初学者全面接触学习jquery(译文); 用Ajax和Web2.0扩展SOA; 使用 jQuery 简化 Ajax 开发; 关于clientHeight、offsetHeight、scrollHeight

No. « ‹ 157 158 159 160 › »

技术文章搜索

关键字

Javascript 中的对联浮动广告效果

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

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