网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网页特效 >> 广告特效 >> 正文
最新文章
· 一个Banner广告收缩效果
· 经典的Js漂浮广告代码
· 可关闭或最小化的右下角浮动广告
· 像163网站顶部展出的大幅广告
· 淘宝首页广告轮换效果插件Oslide
· 符合标准的随滚动条滚动的广告代码
· 6列的随滚动条上下滑动的广告效果
热门文章
 经典的Js漂浮广告代码
 6列的随滚动条上下滑动的广告效果
 一个Banner广告收缩效果
 淘宝首页广告轮换效果插件Oslide
 可关闭或最小化的右下角浮动广告
 像163网站顶部展出的大幅广告
 符合标准的随滚动条滚动的广告代码
相关文章
没有相关文章
6列的随滚动条上下滑动的广告效果
来源:中国Asp之家 更新时间:2009/7/4 8:29:14 阅读次数: 我要投稿
△运行 ☉预览 #复制 +收藏
特效代码:
<script>
客服果果=function (id,_top,_left){
 var me=id.charAt?document.getElementById(id):id, d1=document.body, d2=document.documentElement;
 d1.style.height=d2.style.height='100%';me.style.top=_top?_top+'px':0;me.style[(_left>0?'left':'right')]=_left?Math.abs(_left)+'px':0;
 me.style.position='absolute';
 setInterval(function (){me.style.top=parseInt(me.style.top)+(Math.max(d1.scrollTop,d2.scrollTop)+_top-parseInt(me.style.top))*0.1+'px';},10+parseInt(Math.random()*20));
 return arguments.callee;
};
window.onload=function (){
 客服果果
 ('demo1',100,10)
 ('demo2',50,-10)
 ('demo3',200,200)
 ('demo4',150,400)
 ('demo5',250,300)
 ('demo6',350,600)
 var 如果还想要就自己随便加哇哈哈
}
</script>
 <body>
 <div style="height:5000px"></div>
  <img src="/effects/UploadFiles_7074/200907/2009070408320458.gif" id="demo1" />
  <img src="/effects/UploadFiles_7074/200907/2009070408320458.gif" id="demo2" />
  <img src="/effects/UploadFiles_7074/200907/2009070408320458.gif" id="demo3" />
  <img src="/effects/UploadFiles_7074/200907/2009070408320458.gif" id="demo4" />
  <img src="/effects/UploadFiles_7074/200907/2009070408320458.gif" id="demo5" />
  <img src="/effects/UploadFiles_7074/200907/2009070408320458.gif" id="demo6" />
 </body>
△运行 ☉预览 #复制 +收藏
特效说明:
6列的随滚动条上下滑动的广告效果
  • 上一篇文章: 没有了
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号