<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE>JS大幅卷屏广告代码</TITLE>
 </HEAD>
<BODY>
<script language="javascript">
function $(ele){return document.getElementById(ele)}
var popIMG={
stimer:null,
etimer:null,
init:function(imgurl,width,height){this.imgurl=imgurl;this.width=width;this.height=height;},
createE:function(){
var obj=document.createElement("div");
obj.id="imgid";
obj.style.width=popIMG.width+"px";
obj.style.height=popIMG.height+"px";
//obj.style.backgroundColor="red";
obj.style.top=0+"px";
obj.style.left=Math.ceil((document.body.clientWidth-popIMG.width)/2)+"px";
obj.style.position="absolute";
obj.style.zIndex=100;
obj.style.overflow="hidden"
var img=document.createElement("img");
img.style.width=popIMG.width+"px";
img.style.height=popIMG.height+"px";
img.src=popIMG.imgurl;
obj.appendChild(img);
document.body.appendChild(obj);
},
start:function(){
popIMG.createE();
popIMG.stimer=setTimeout("popIMG.fade()",3000);
},
fade:function(){
if(popIMG.stimer)clearTimeout(popIMG.stimer);
$("imgid").style.height=(parseInt($("imgid").style.height)-5)+"px";
popIMG.etimer=setTimeout("popIMG.fade()",10);
if(parseInt($("imgid").style.height)<=0){clearTimeout(popIMG.etimer);$("imgid").innerHTML="";document.body.removeChild($("imgid"));}
}
}
popIMG.init("/jscss/demoimg/site.gif",1021,675);
window.οnlοad=popIMG.start;
</script>
</BODY>
</HTML>

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/mane_yao/archive/2010/03/25/5415384.aspx

转载于:https://www.cnblogs.com/mane/archive/2010/09/18/1830002.html

JS大幅卷屏广告代码相关推荐

  1. html做新浪头部广告,新浪刚打开页面出来的全屏广告代码

    新浪刚打开页面出来的全屏广告代码 //全屏开始 if(today.getHours()>='8' && today.getHours() { adInterPath='http: ...

  2. js 让鼠标右下角有一排小字_JavaScript浮动广告代码,容纯DIV/CSS对联漂浮广告代码,兼容性非常好的js右下角与漂浮广告代码...

    基于JavaScript代码实现随机漂浮图片广告,javascript图片广告 在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上类似标签之后,漂浮效果就会失效,下面分享一个符合标准的漂浮 ...

  3. 百度联盟广告代码php,js 投放联盟广告代码可异步加载百度联盟广告

    js 投放联盟广告代码一般方法介绍,普通的加载方式容易阻塞页面加载,所以我们使用异步加载百度联盟广告代码,广告js代码就可以异步加载无阻塞 如果你有一个网站或者个人博客,想投放百度联盟广告代码以获取收 ...

  4. JS常用脚本+html代码大全+对联广告代码效果大全

    JS常用脚本 1. on_contextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border on_co ...

  5. html漂浮广告随页面移动代码,JS漂浮广告代码,慢慢漂移的广告JS代码

    JS漂浮广告代码,慢慢漂移的广告js代码,可以漂浮到任何位置,哈哈...直接贴代码,很简单. var xin = true, yin = true var step = 1 var delay = 5 ...

  6. Js弹性漂浮广告代码

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  7. php网页悬浮对联代码,不用js多浏览器兼容纯DIV/CSS对联漂浮广告代码

    纯DIV/CSS对联漂浮广告代码(无JS) 源码网两侧漂浮.经测试,兼容IE6,IE7,Firefox浏览器. CSS代码为: .r1{width:80px;height:80px;backgroun ...

  8. 如何更改html广告,js 动态改变广告代码DIV的位置_原生JS通过innerHTML改变div位置...

    在实际的广告应用中时不时会出现这个需求,就是我投放的广告位距离用户经常点击的翻页太远了,网站主不愿意为了这个需求去把整站的内容生成一遍,那会耗费很长时间,而且不确定有没有错误,这个时候就需要广告代码中 ...

  9. js随机飘动的广告图片代码demo效果示例(整理)

    <!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content=& ...

最新文章

  1. IDC对SIEM市场的估测
  2. boot spring 怎么执行hql_彻底透析SpringBoot jar可执行原理
  3. 开启Linux系统路由转发功能 实现多网段电脑共享上网
  4. python3华丽gui_Python3.7 - tkinter Gui 03 Options的用法
  5. 如何解决用伪元素点击下拉列表触发不了事件的问题
  6. 【原创】大叔问题定位分享(12)Spark保存文本类型文件(text、csv、json等)到hdfs时为什么是压缩格式的...
  7. java rest 序列化_Django Rest Framework中的序列化和反序列化
  8. 懒加载、瀑布流和LightBox实现图片搜索效果
  9. python 时间相关模块
  10. Atitit.项目修改补丁打包工具 使用说明
  11. shell(30) : 批量修改文件后缀
  12. 校园网里,一账号多人上网或者多账号多人上网的宿舍路由器设置方法
  13. 想学python网课哪个好-推荐书单(网课)-人生/编程/Python/机器学习-191本
  14. 简历里计算机能力,简历上计算机能力怎么写
  15. svg图标如何修改大小?
  16. View inflate 原理
  17. 员工缺乏责任心的四大原因
  18. 对3800x初步超频总结
  19. 六月:手动学数据分析(task02)
  20. bzoj2754【SCOI2012】喵星球上的点名

热门文章

  1. pycharm启动后一直在updating indices
  2. 为你的应用程序添加动态Java代码
  3. 大数据学习笔记:初探大数据世界
  4. Python编程基础15:异常
  5. 学用软件:laTex软件初体验
  6. 【HDU5091】Beam Cannon,扫描线+线段树
  7. duilib 子窗口位置_duilib各种布局的作用,相对布局与绝对布局的的意义与使用方法...
  8. word vba 读出光标所在的列数_word高效技巧:这几个表格操作让工作更快速
  9. 自走棋电脑版_手游版《自走棋》上线试玩
  10. Eigen官网教程(2) Array类和元素级操作