body{background:black}
.point{position:absolute;height:75px;border:1px silver solid}
#round{position:absolute;background:red;width:200px;height:200px;}
</style>
<script>
var r=200,dv=0.01,w=100,x=400;y=100,pn=8
var pi=3.1415926575,d=pi/2;
var pd=Math.asin(w/2/r);ed=pi*2/pn;smove=true
function window.onload(){
var o=document.getElementById("imground");
var arrimg=o.getElementsByTagName("img");
for (n=0;n<arrimg.length;n++){
arrimg[n].onmouseout=function(){smove=true;}
arrimg[n].onmouseover=function(){smove=false;}
arrimg[n].onmousedown=function(){dv=dv*2}
}
setInterval(roundMove,20);
}
function roundMove(){
for (n=1;n<=8;n++){
var o=document.getElementById("p"+n)
var ta=Math.sin(d+ed*n);
var strFilter;
if (ta<0) o.style.left=Math.cos(d+ed*n-pd)*r+x;
else o.style.left=Math.cos(d+ed*n+pd)*r+x;
o.style.top=ta*10+10+y;
o.style.width=Math.abs(Math.cos(d+ed*n+pd)-Math.cos(d+ed*n-pd))*r;
o.style.zIndex=ta*10;
if (o.style.zIndex<0) strFilter="FlipH(enabled:true)"
else strFilter="FlipH(enabled:false)";
if (ta<0) ta=(ta+1)*80+20; else ta=100;
strFilter=strFilter+" alpha(opacity="+ta+")";
o.style.opacity=ta/100;
o.style.filter=strFilter;
}
if (smove) d=d+dv;
}
</script>
<div id="imground">
<img class="point" id="p1" src="2010022312063573.jpg"/>
<img class="point" id="p2" src="2010022312063573.jpg"/>
<img class="point" id="p3" src="2010022312063573.jpg"/>
<img class="point" id="p4" src="2010022312063573.jpg"/>
<img class="point" id="p5" src="2010022312063573.jpg"/>
<img class="point" id="p6" src="2010022312063573.jpg"/>
<img class="point" id="p7" src="2010022312063573.jpg"/>
<img class="point" id="p8" src="2010022312063573.jpg"/>
</div>在ie正常 在火狐不显示效果
.point{position:absolute;height:75px;border:1px silver solid}
#round{position:absolute;background:red;width:200px;height:200px;}
</style>
<script>
var r=200,dv=0.01,w=100,x=400;y=100,pn=8
var pi=3.1415926575,d=pi/2;
var pd=Math.asin(w/2/r);ed=pi*2/pn;smove=true
function window.onload(){
var o=document.getElementById("imground");
var arrimg=o.getElementsByTagName("img");
for (n=0;n<arrimg.length;n++){
arrimg[n].onmouseout=function(){smove=true;}
arrimg[n].onmouseover=function(){smove=false;}
arrimg[n].onmousedown=function(){dv=dv*2}
}
setInterval(roundMove,20);
}
function roundMove(){
for (n=1;n<=8;n++){
var o=document.getElementById("p"+n)
var ta=Math.sin(d+ed*n);
var strFilter;
if (ta<0) o.style.left=Math.cos(d+ed*n-pd)*r+x;
else o.style.left=Math.cos(d+ed*n+pd)*r+x;
o.style.top=ta*10+10+y;
o.style.width=Math.abs(Math.cos(d+ed*n+pd)-Math.cos(d+ed*n-pd))*r;
o.style.zIndex=ta*10;
if (o.style.zIndex<0) strFilter="FlipH(enabled:true)"
else strFilter="FlipH(enabled:false)";
if (ta<0) ta=(ta+1)*80+20; else ta=100;
strFilter=strFilter+" alpha(opacity="+ta+")";
o.style.opacity=ta/100;
o.style.filter=strFilter;
}
if (smove) d=d+dv;
}
</script>
<div id="imground">
<img class="point" id="p1" src="2010022312063573.jpg"/>
<img class="point" id="p2" src="2010022312063573.jpg"/>
<img class="point" id="p3" src="2010022312063573.jpg"/>
<img class="point" id="p4" src="2010022312063573.jpg"/>
<img class="point" id="p5" src="2010022312063573.jpg"/>
<img class="point" id="p6" src="2010022312063573.jpg"/>
<img class="point" id="p7" src="2010022312063573.jpg"/>
<img class="point" id="p8" src="2010022312063573.jpg"/>
</div>在ie正常 在火狐不显示效果
解决方案 »
- 求大牛:关于解决XSS攻击的demo
- 又是这个问题,怎么追加运行事件......
- 求:类似于google地图的控件
- Ext 的TreePanel点击节点时候高亮颜色改变
- 找不到对象
- !!!!如何用javascript写一个类似Access中的日期输入.!!!!在线等!
- 关于使用标记属性的问题
- 在线等候,因为我急
- 一个WEB打印问题
- 下面出错???:<input type=button name=min value=min onclick="window.moveto(1000,2000)">
- javascript中获取最后一个子节点为空或不是对象
- netbeans中能一行一行删代码,那么能一列一列删呢?
那些特效用处也不太多。个人感觉是以前js只被认为是“脚本语言”时留下来的。