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

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

Javascript: JavaScript 基础问答一; CSS JavaScript 实现菜单功能改进版; JavaScript 图片切割效果(放大镜); JavaScript 拖放效果代码; 漂亮的js tab图片轮换效果代码(可自定义的幻灯片和图片缓冲切换); 鼠标滑过放大显示效果的列表; JS 相册效果自动播放[本地整合]; 仿CSDN 右下角悬挂的浮动层效果; 右下角广告(点击广告后出现关闭按钮可关闭); javascript this用法小结; JavaScript 绘图代码; JavaScript CSS菜单功能改进版; javascript jQuery插件练习; jQuery 浮动广告实现代码; jQuery 位置插件; jquery 插件之仿“卓越亚马逊”首页弹出菜单效果; jquery 图片预加载自动等比例缩放插件; JavaScript 仿关机效果的图片层; javascript 对表格的行和列都能加亮显示; JavaScript Select和Option列表元素上下左右移动

No. « ‹ 214 215 216 217 › »

技术文章搜索

关键字

Javascript 中的对联浮动广告效果

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

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