漂浮的图片

稿源：互联网 2022-04-23 08:18:33 点击： 5980 撤稿纠错

页面内不停漂浮的图片，点击后图片停止漂浮，可以改下拿来挂广告。

以下讨论的是和漂浮特效相关的漂浮的图片教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<title>html－阿里西西WEB开发www.alixixi.com</title>
</head>
<body>
<div id="img" style="position:absolute;z-index=99;">
<img src="http://www.alixixi.com/images/face/image21.gif" onClick="pause_resume();" border="0"  alt='img'>
</div>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var xPos = document.body.clientWidth-20;
var yPos = document.body.clientHeight/2;
var step = 1;
var delay = 5; 
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);
	}
}

关于漂浮的图片的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200809071039.shtml方便下次再访问哦。

·上一篇： 图片默认的大小
·下一篇： 改变网页背景图片

漂浮的图片

文章分类LIST >>返回首页

最新游戏

最新新闻