常用的页面左右边及漂浮图片代码

来源：互联网发布：sql count * group by 编辑：程序博客网时间：2024/04/29 22:51

1、漂浮图片代码

<SCRIPT language=javascript>
document.write("<div id='dd' style='position:absolute; left:297px; top:114px; width:100px; height:100px; z-index:1'><a href=http://www.alixixi.com/><img src=http://www.alixixi.com/simple_images/alixixi.gif border=0></a></div>");
var xPos = 20;
var yPos = document.body.clientHeight;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
dd.style.top = yPos;
function changePos() {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = dd.offsetHeight;
Woffset = dd.offsetWidth;
dd.style.left = xPos + document.body.scrollLeft;
dd.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() {
dd.visibility = "visible";
interval = setInterval('changePos()', delay);

}

function pause_resume() {
if(pause) {
clearInterval(interval);
pause = false;
}
else {
interval = setInterval('changePos()',delay);
pause = true;
}
}
start();
</SCRIPT>

2、左侧图片代码

<SCRIPT language=javascript>
var imgheight
var imgleft
document.ns = navigator.appName == "Netscape"
window.screen.width>800 ? imgheight=150:imgheight=150
window.screen.width>800 ? imgleft=15:imgleft=10
function myload()
{
if (navigator.appName == "Netscape")
{document.myleft.pageY=pageYOffset+window.innerHeight-imgheight;
document.myleft.pageX=imgleft;
leftmove();
}
else
{
myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight;
myleft.style.left=imgleft;
leftmove();
}
}
function leftmove()
{
if(document.ns)
{
document.myleft.top=pageYOffset+window.innerHeight-imgheight
document.myleft.left=imgleft;
setTimeout("leftmove();",50)
}
else
{
myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight;
myleft.style.left=imgleft;
setTimeout("leftmove();",50)
}
}

if (navigator.appName == "Netscape")
{
document.write("<layer id=myleft top=300 width=80 height=88><a href=http://www.huadagy.com/newpro/index.asp target=_blank><img src=images/newpro.gif width=100 height=100 border=0></a></layer>");
myload()}
else
{
document.write("<div id=myleft style='position: absolute;width:80;top:300;left:5;visibility: visible;z-index: 1'><a href=http://www.alixixi.com/ target=_blank><img src=simple_images/alixixi.gif border=0></a></div>");
myload()
}
</SCRIPT>

3、右侧漂浮图片代码

<SCRIPT language=javascript>
var imgheight
var imgright
document.ns = navigator.appName == "Netscape"
window.screen.width>800 ? imgheight=150:imgheight=150
window.screen.width>800 ? imgright=15:imgright=10
function myload()
{
if (navigator.appName == "Netscape")
{document.myright.pageY=pageYOffset+window.innerHeight-imgheight;
document.myright.pageX=imgright;
rightmove();
}
else
{
myright.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight;
myright.style.right=imgright;
rightmove();
}
}
function rightmove()
{
if(document.ns)
{
document.myright.top=pageYOffset+window.innerHeight-imgheight
document.myright.right=imgright;
setTimeout("rightmove();",50)
}
else
{
myright.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight;
myright.style.right=imgright;
setTimeout("rightmove();",50)
}
}

if (navigator.appName == "Netscape")
{
document.write("<layer id=myright top=300 width=80 height=88><a href=http://www.huadagy.com/newpro/index.asp target=_blank><img src=images/newpro.gif width=100 height=100 border=0></a></layer>");
myload()}
else
{
document.write("<div id=myright style='position: absolute;width:80;top:300;right:5;visibility: visible;z-index: 1'><a href=http://www.alixixi.com/ target=_blank><img src=simple_images/alixixi.gif border=0></a></div>");
myload()
}
</script>

点击代码段可查看演示