各类动态图片的集合
移动的图片
<html>
<head>
<title>移动的图片 风越ASP代码生成器</title>powered by 25175.net
</head>
<SCRIPT language="JavaScript1.2">
var cursorpath="images/girl.jpg"
if (document.layers)
{document.write("<LAYER NAME='PoInTeRs' LEFT=10 TOP=10><img src='"+cursorpath+"' width=34 height=44></LAYER>")}
else if (document.all){document.write("<div id='pOiNtErS' style='position:absolute;top:10px;left:10px;width:34px;height:44px;z-index:50'><img src='"+cursorpath+"' width=34 height=44></div>")}
count=-1;
move=1;
function Curve(){
abc=new Array(0,1,1,1,2,3,4,0,6,-1,-1,-1,-2,-3,-4,0,-6)
for (i=0; i < abc.length; i++)
{var C=Math.round(Math.random()*[i])}
howbend=abc[C];
setTimeout('Curve()',1900);
return howbend;
}
ypos=10;
xpos=10;
degree = 60;
function MoveRandom(){
PathBend=degree+=howbend;//ok!
y = 4*Math.sin(PathBend*Math.PI/180);
x = 6*Math.cos(PathBend*Math.PI/180);
if (document.layers){
ypos+=y;
xpos+=x;
document.PoInTeRs.top=ypos+window.pageYOffset;
document.PoInTeRs.left=xpos+window.pageXOffset;
}
else if (document.all){
ypos+=y;
xpos+=x;
document.all.pOiNtErS.style.top=ypos+document.body.scrollTop;
document.all.pOiNtErS.style.left=xpos+document.body.scrollLeft;
}
T=setTimeout('MoveRandom()',50);
}
function edges(){
if (document.layers){
if (document.PoInTeRs.left >= window.innerWidth-40+window.pageXOffset)degree=Math.round(Math.random()*45+157.5);
if (document.PoInTeRs.top >= window.innerHeight-30+window.pageYOffset)degree=Math.round(Math.random()*45-112.5);
if (document.PoInTeRs.top <= 2+window.pageYOffset) degree = Math.round(Math.random()*45+67.5);//OK!
if (document.PoInTeRs.left <= 2+window.pageXOffset) degree = Math.round(Math.random()*45-22.5);//OK!
}
else if (document.all)
{
if (document.all.pOiNtErS.style.pixelLeft >= document.body.offsetWidth-45+document.body.scrollLeft)degree=Math.round(Math.random()*45+157.5);
if (document.all.pOiNtErS.style.pixelTop >= document.body.offsetHeight-35+document.body.scrollTop)degree=Math.round(Math.random()*45-112.5);
if (document.all.pOiNtErS.style.pixelTop <= 2+document.body.scrollTop) degree = Math.round(Math.random()*45+67.5);//OK!
if (document.all.pOiNtErS.style.pixelLeft <= 2+document.body.scrollLeft) degree = Math.round(Math.random()*45-22.5);//OK!
}
setTimeout('edges()',100);
}
function starteffect(){
Curve();
MoveRandom();
edges();
}
if (document.all||document.layers)
window.onload=starteffect
</script>
<body>
</body>
</html>
| 【内容导航】 | |
| 第1页:跟随鼠标的图片 | 第2页:跟着鼠标的图片2 |
| 第3页:跟着鼠标旋转的图片 | 第4页:自由走动的图片 |
| 第5页:来回摆动的图片 | 第6页:乱飞的图片 |
| 第7页:浮动图像显示 | 第8页:将图片固定在左上角 |
| 第9页:随屏幕移动的图片并可任意移动 | 第10页:在页上不停走动的图片 |
| 第11页:任意指定图片位置 | 第12页:向上浮的图片 |
| 第13页:往下掉并弹起的图片 | 第14页:在浏览器窗口外移动的图片 |
| 第15页:浮在页面上的图片广告 | 第16页:随意飘动的图像 |
| 第17页:图片穿行 | 第18页:左右移动的图片 |
| 第19页:跟着屏幕走的图片 | 第20页:将图片固定在左下角 |
| 第21页:旋转的图片 | 第22页:徐徐上升的图片 |
| 第23页:页面动态图片 | 第24页:移动的图片 |
| 第25页:鼠标停在文本上图片自动围绕 | 第26页:滚动图片公告栏 |
| 第27页:飞来飞去的图片 | 第28页:滚动显示图片 |
| 第29页:将图片固定在左下角 | 第30页:将图片固定在右下角 |
| 第31页:图片居中 | 第32页:不停闪烁的图片 |
| 第33页:带彩色边框的图片 | 第34页:点击消失的图片 |
| 第35页:定时闪烁的图片 | 第36页:动感的图片 |
| 第37页:抖动的图片 | |
上一篇:随鼠标移动而变化的图片
下一篇:网页设计之css+div PK table+css
|
|
各类动态图片的集合_跟随鼠标的图片
http://www.25175.com/200609/25175/25175_html/
(oooooooooo
,09月02日
)
页面破了..
(晕
,2007年06月13日
)
反映违反看见
(饿热额外法
,2007年03月16日
)
