效果一：
<!–把下面代码加到<body>区域中–>
<div id=”img” style=”position:absolute;; left: 27px; top: 1115px”>
<a href=”http://www.webjx.com” target=”_blank”><img src=”/UploadPic/2007-7/200777171241320.gif” width=”100″ height=”100″ border=”0″></a></div>
<script language=”JavaScript“>
<!– Begin
var xPos = 20;
var yPos = document.body.clientHeight;
var step = 1;
var delay = 10;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = yPos;
function changePos() {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.style.top = yPos + document.body.scrollTop;
if (yon) {
yPos = yPos + step;
}
else {
yPos = yPos – step;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height – Hoffset)) {
yon = 0;
yPos = (height – Hoffset);
}
if (xon) {
xPos = xPos + step;
}
else {
xPos = xPos – step;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (width – Woffset)) {
xon = 0;
xPos = (width – Woffset);
}
}
function start() {
img.visibility = “visible”;
interval = setInterval(‘changePos()’, delay);
}
start();
// End –>
</script>
<a href=”http://www.webjx.com” target=”_blank”><img src=”/UploadPic/2007-7/200777171241320.gif” width=”100″ height=”100″ border=”0″></a></div>
<script language=”JavaScript“>
<!– Begin
var xPos = 20;
var yPos = document.body.clientHeight;
var step = 1;
var delay = 10;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = yPos;
function changePos() {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.style.top = yPos + document.body.scrollTop;
if (yon) {
yPos = yPos + step;
}
else {
yPos = yPos – step;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height – Hoffset)) {
yon = 0;
yPos = (height – Hoffset);
}
if (xon) {
xPos = xPos + step;
}
else {
xPos = xPos – step;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (width – Woffset)) {
xon = 0;
xPos = (width – Woffset);
}
}
function start() {
img.visibility = “visible”;
interval = setInterval(‘changePos()’, delay);
}
start();
// End –>
</script>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
效果二：
<SCRIPT>
var imagepath=”/images/zp.gif”
var imagewidth=100 //这两行写图片的大小
var imageheight=100
var speed=2;
var imageclick=http://www.webjx.com //这里写点击图片连接到的地址
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.onmouseover=new Function(“clearTimeout(startani)”)
oPopup.document.body.onmouseout=pop
oPopup.document.body.onclick=dowhat
pop();
if (hideafter>0)
setTimeout(“dismisspopup()”,hideafter*1000)
}
</SCRIPT>
var imagepath=”/images/zp.gif”
var imagewidth=100 //这两行写图片的大小
var imageheight=100
var speed=2;
var imageclick=http://www.webjx.com //这里写点击图片连接到的地址
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.onmouseover=new Function(“clearTimeout(startani)”)
oPopup.document.body.onmouseout=pop
oPopup.document.body.onclick=dowhat
pop();
if (hideafter>0)
setTimeout(“dismisspopup()”,hideafter*1000)
}
</SCRIPT>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
欢迎大家阅读《两种漂浮在页面中的广告代码_js》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：两种漂浮在页面中的广告代码_js
转载请注明原文链接：两种漂浮在页面中的广告代码_js
