很多大型的网站首页。。。。。。。。。。
很多大型的网站首页，都有1，2个飘动的图片，飘来飘去，一不小心还会点上。
我知道这个可以用时间轴做
但是太麻烦，不知道哪位朋友能给我一点代码实现这个效果。
问题点数：20、回复次数：6Top
1 楼klend（苯鸟（2006））回复于 2004-12-02 15:58:58 得分 15
图片随意飘动
<div id="img" style="position:absolute;">
<img src="你要飘动的图片路径" onClick="pause_resume();">
</div>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
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;
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);
}
function pause_resume() {
if(pause) {
clearInterval(interval);
pause = false;
}
else {
interval = setInterval('changePos()',delay);
pause = true;
}
}
start();
// End -->
</script>
Top
2 楼klend（苯鸟（2006））回复于 2004-12-02 15:59:43 得分 0
以上代码加入body标签内Top
3 楼jigezi（几个字）回复于 2004-12-02 16:09:16 得分 0
我想把这段程序写在另外一个asp里面，然后把它include 进来可以吗？Top
4 楼tojworks（李白）回复于 2004-12-02 16:12:34 得分 0
楼上的！好像没用啊!Top
5 楼jigezi（几个字）回复于 2004-12-02 16:15:52 得分 0
如果把所有的代码都写在一个文件里，这个文件太大了
而且代码也显的很乱，所以可以不可以用某种方法，把一些特效include包含在index.asp里面Top
6 楼surferc（(大妹子，缘分啊！)）回复于 2004-12-02 19:24:45 得分 5
没问题如果只是静态的特效存成js文件link过来也没问题Top
