1顶

漂动的图片

稿源：互联网 2022-04-19 08:00:23 点击： 1972 撤稿纠错

页面漂浮的图片特效，可自定义，拿来挂广告也行。

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

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<BODY>
<img src="http://img.alixixi.com/mylogo2.gif" width="92" height="34" id="webjx1">
<img src="http://img.alixixi.com/mylogo2.gif" width="92" height="34" id="webjx2">
<img src="http://img.alixixi.com/mylogo2.gif" width="92" height="34" id="webjx3">
<img src="http://img.alixixi.com/mylogo2.gif" width="92" height="34" id="webjx4">
<SCRIPT LANGUAGE="JavaScript">

GoGoGo("webjx1");
GoGoGo("webjx3");

GoGoGo("webjx2");
GoGoGo("webjx4");

function GoGoGo(objName)
{
var img=document.getElementById(objName) ;
img.style.position="absolute";
img.style.left=parseInt(window.screen.availWidth*Math.random()) + "px";
img.style.top=parseInt(window.screen.availHeight*Math.random()) + "px";
img.setAttribute("xDir",1);//¶¨Òå¿ªÊ¼xµÄ·½Ïò
img.setAttribute("yDir",1);//¶¨Òå¿ªÊ¼xµÄ·½Ïò
window.setInterval("randPosition(" + objName + ")","10","JavaScript");
}

function randPosition(obj)
{
var x=parseInt(obj.style.left);
if(x>=window.screen.availWidth-obj.width-20)
obj.setAttribute("xDir",-1);
if(x<=0)
obj.setAttribute("xDir",1);
x+=parseInt(obj.getAttribute("xDir"));

var y=parseInt(obj.style.top);
if(y>=window.screen.availHeight-obj.height-100)
obj.setAttribute("yDir",-1);
if(y<=0)
obj.setAttribute("yDir",1);
y+=parseInt(obj.getAttribute("yDir"));
 
obj.style.left=x +"px";
obj.style.top =y +"px";

}
</SCRIPT>
</BODY>
</HTML>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

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

·上一篇： 点击消失的漂浮广告图片
·下一篇： 连续环绕滚动的图片特效

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

漂动的图片

文章分类LIST >>返回首页

最新游戏

最新新闻