浮动的图片广告

最新推荐文章于 2020-07-09 14:18:49 发布
最新推荐文章于 2020-07-09 14:18:49 发布
阅读量741 收藏
点赞数
分类专栏： HTML/CSS/JS 文章标签： function microsoft xhtml internet html image
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mane_yao/article/details/5429544
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>浮动的图片广告</title>
</head>
<body>
<SCRIPT>
var imagepath="/jscss/demoimg/logo_demo1.gif"
var imagewidth=100;
var imageheight=89;
var speed=6;
var imageclick="http://www.codefans.net/"; //广告图片链接
var hideafter=0;
var isie=0;
if(window.navigator.appName=="Microsoft Internet Explorer"&&window.navigator.appVersion.substring(window.navigator.appVersion.indexOf("MSIE")+5,window.navigator.appVersion.indexOf("MSIE")+8)>=5.5) {
isie=1;
}
else {
isie=0;
}
if(isie){
var preloadit=new Image()
preloadit.src=imagepath
}
function pop() {
if(isie) {
x=x+dx;y=y+dy;
oPopup.show(x, y, imagewidth, imageheight);
if(x+imagewidth+5>screen.width) dx=-dx;
if(y+imageheight+5>screen.height) dy=-dy;
if(x<0) dx=-dx;
if(y<0) dy=-dy;
startani=setTimeout("pop();",50);
}
}
function dismisspopup(){
clearTimeout(startani)
oPopup.hide()
}
function dowhat(){
if (imageclick=="dismiss")
dismisspopup()
else
window.open(imageclick);
}
if(isie) {
var x=0,y=0,dx=speed,dy=speed;
var oPopup = window.createPopup();
var oPopupBody = oPopup.document.body;
oPopupBody.style.cursor="hand"
oPopupBody.innerHTML = '<IMG SRC="'+preloadit.src+'">';
oPopup.document.body.οnmοuseοver=new Function("clearTimeout(startani)")
oPopup.document.body.οnmοuseοut=pop
oPopup.document.body.οnclick=dowhat
pop();
if (hideafter>0)
setTimeout("dismisspopup()",hideafter*1000)
}
</SCRIPT>
</body>
</html>

mane_yao
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS 浮动广告
快乐的外宅
11-04 336
<br /><SCRIPT FOR=window EVENT=onload LANGUAGE="JScript"><br />initAd();//载入页面后，调用函数initAd()<br /></SCRIPT><br /><script language="JScript"><br /><!--<br />function initAd() {<br />document.all.AdLayer.style.posTop = -200;//设置onLoad事件激发以后，广告层相对于固定后的y方向位置<b
图片浮动效果
weixin_53126056的博客
12-16 943
<!DOCTYPE html> <html> <!-- 文字环绕图片效果 --> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> img{ /* 图片浮动的位置 */ float: left; } </style> </head> <body
全屏浮动广告和双联广告
04-25
全屏漂浮广告 原理： 当图片按路径1移动的时候top和left值是增大的当到大显示屏的值的时候开始按照路径2开始移动，top和left值开始减小，left减到0，开始 按照路径3移动left值增大top值继续减小，一直top减到0继续向右下方移动 制作双联漂浮广告 移动的方法： 因为图片是要随滚条的移动的 所以图片和顶部的距离应该是：图片距离顶部的初始值+滚条滚动的距离 ;把图片具顶部的初始值赋给了t ;滚动的高度是
一段超级好的..漂浮广告代码..精一下..
卢恪
06-01 1058
CODE: var imagepath="http://www.mmblue.com/ad/ad.jpg" var imagewidth=171 //这两行写图片的大小 var imageheight=133 var speed=3; var imageclick="http://www.mmblue.com/" //这里写点击图片连接到的地址 var hideafter=0 va
全屏浮动广告代码
木头人
01-28 303
把这个代码复制到一个新建的htm中就可以看到效果了 &lt;div&nbsp;id=&quot;img&quot;&nbsp;style=&quot;position:absolute;&quot;&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a&nbsp;style=&quot;cursor:hand;&quot;&nbsp
流氓飘浮广告代码
学海无涯的专栏
06-30 1144
var imagepath="http://www.baidu.com/img/logo.gif"var imagewidth=198 //这两行写图片的大小var imageheight=158var speed=2;var imageclick="http://www.baidu.com" //这里写点击图片连接到的地址var hideafter=0var isie=0;if(window.n
基于javascript实现全屏漂浮广告
11-24
本文实例为大家分享javascript实现全屏漂浮广告，供大家参考，具体内容如下 主要使用方法 网页可见区域宽：document.body.clientWidth; 网页可见区域高：document.body.clientHeight; 网页可见区域宽：document.body.offsetWidth (包括边线的宽); 网页可见区域高：document.body.offsetHeight (包括边线的宽);  setInterval setInterval动作的作用是在播放动画的时，每隔一定时间就调用函数，方法或对象。可以使用本动作更新来自数据库的变量或更新时间显示。 setInterva
jQuery浮动图片广告代码.zip
07-11
jQuery浮动图片广告代码是一种网页设计技术，用于在网站页面上实现动态漂浮的图像广告。这种广告形式可以吸引用户的注意力，提高广告的可见性和点击率。以下是对这一技术的详细解释： 1. **jQuery库**：jQuery是一...
浮动图片广告代码.zip
07-04
浮动图片广告代码是一种常见的网页设计技术，用于在网站页面上创建一种动态的视觉效果，让广告图片能够在用户浏览页面时始终可见。这种技术通常利用JavaScript（JS）编程语言实现，结合CSS（层叠样式表）来控制广告...
jquery图片对联广告制作jQuery侧面浮动图片广告
06-17
【标题】"jQuery图片对联广告制作jQuery侧面浮动图片广告"涉及到的是网页开发中的广告设计与实现技术，主要使用了JavaScript库jQuery来实现动态、交互式的广告效果。在这个项目中，开发者通过jQuery创建了一个侧边栏...
带关闭按钮的网页漂浮广告代码（全屏漂浮）
07-29
带关闭按钮的网页漂浮广告代码（全屏漂浮）
HTML图片随意浮动广告效果代码
03-30
我也是在学习的过程在网上找的 找了半天才找到 希望对你们有用
满屏网页漂浮广告_兼容所有浏览器
07-16
js实现满屏网页漂浮广告_兼容所有浏览器
网页漂浮广告代码
02-03
浮动广告代码 右下角漂浮代码 [removed] initAd();//载入页面后，调用函数initAd() [removed] [removed] <!-- function initAd() { document.all.AdLayer.style.posTop = -200; //设置onLoad事件激发以后，广告层相对于固定后的y方向位置 document.all.AdLayer.style.visibility = 'visible'//设置层为可见 MoveLayer('AdLayer');//调用函数MoveLayer() } function MoveLayer(layerName) { var x = 0;//浮动广告层固定于浏览器的x方向位置 var y = 300;//浮动广告层固定于浏览器的y方向位置 var diff = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.40; var y = document.body.scrollTop + y - diff; eval("document.all." + layerName + ".style.posTop = y"); eval("document.all." + layerName + ".style.posright = x");//移动广告层 setTimeout("MoveLayer('AdLayer');", 0);//设置20毫秒后再调用函数MoveLayer() } //--> [removed] <!--下面为一个ID为AdLayer的层(如ID名不为AdLayer， 上面MoveLayer()内的AdLayer也要作相应修改)，包括一张带链接的图片--> 本人文学网站开通，欢迎大家赏脸光顾 漂浮广告代码 <div id="www_qpsh_com" 本人文学网站开通，欢迎大家赏脸光顾 [removed] var x = 50,y = 60 var xin = true, yin = true var step = 1 var delay = 10 var obj=document.getElementById("www_qpsh_com") function floatwww_qpsh_com() { var L=T=0 //by www.qpsh.com var R= document.body.clientWidth-obj.offsetWidth var B = document.body.clientHeight-obj.offsetHeight obj.style.left = x + document.body.scrollLeft obj.style.top = y + document.body.scrollTop x = x + step*(xin?1:-1) if (x R){ xin = false; x = R} y = y + step*(yin?1:-1) if (y B) { yin = false; y = B } } var itl= setInterval("floatwww_qpsh_com()", delay) obj.onmouseover=function(){cle
jquery浮动图片广告代码_页面上漂浮图片广告代码
11-02
JQuery，作为一款强大的JavaScript库，提供了丰富的功能来实现动态效果，包括创建浮动图片广告。本文将深入探讨如何利用jQuery实现页面上的浮动图片广告代码。 首先，我们需要了解jQuery的基本用法。jQuery简化了...
jQuery侧面浮动图片广告或滚屏图片广告-20130703
04-20
标题中的“jQuery侧面浮动图片广告或滚屏图片广告”指的是使用JavaScript库jQuery实现的一种网页广告设计技术。这种技术常用于创建动态、吸引用户注意力的广告，通常会出现在网页的侧边栏或者随着用户滚动页面而上下...
JS全屏漂浮广告、移入光标停止移动
liudanyang_21的博客
07-09 333
点击这里查看效果以下是代码： 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>JS全屏漂浮广告-柯乐义</title> 6 <style type="text/css"> 7 div#roll{width:100px;heig
制作浮动的广告 图片
tlw112的专栏
11-17 478
 ------------------------------------------------------------------------------------------------------- -----------------------------------------------------------------------------------------
JavaScript实现浮动图片动态效果
总结来说，这个JavaScript浮动图片的动态效果实例展示了如何利用JavaScript的DOM操作和定时器功能，结合简单的边界判断，创建一个在页面上不断移动的图片。这种技术可以应用于网页广告、动态背景或者其他需要吸引...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值