链接类

VML

按钮类

标题类

表单类

表格类

菜单类

窗口类

对象类

滚动条

键盘类

框架类

例子类

模拟类

日期类

色彩类

鼠标类

数学类

图片类

文字类

下拉框

样式类

游戏类

状态栏

资料类

字幕类

其它类

 ·图片展示
 ·图片震动
 ·图片默认的大小
 ·让IE6不出现图像工...
 ·飘动的图片
 ·改变网页背景图片
 ·图像过来
 ·禁止对图片用右键
 ·图片上链接的虚线框
您当前位置:好素材首页 -> 网页特效 -> 图片类
查看信息

雷达效果
好素材网 www.HaoSc.com 02月22日 11:49

[查看演示]  源码如下
----------------------------------------------------------
<HTML><HEAD><TITLE>一个很酷的雷达效果-www.51windows.Net</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="Microsoft FrontPage 4.0" name=GENERATOR>
<META content=FrontPage.Editor.Document name=ProgId>
<STYLE>A:link {
COLOR: #99ffcc; TEXT-DECORATION: none
}
A:active {
TEXT-DECORATION: none
}
A:visited {
COLOR: #99ffcc; TEXT-DECORATION: none
}
A:hover {
COLOR: #99ffcc
}
.esp {
BORDER-RIGHT: #bdb2ad 1pt solid; BORDER-TOP: #bdb2ad 1pt solid; FONT-SIZE: 9pt; FILTER: alpha(opacity=50); BORDER-LEFT: #bdb2ad 1pt solid; COLOR: black; BORDER-BOTTOM: #bdb2ad 1pt solid; BACKGROUND-COLOR: #99ffcc
}
TD {
FONT-SIZE: 9pt; FONT-FAMILY: arial; LETTER-SPACING: 0.05em
}
</STYLE>

<SCRIPT>

<!--

var Light_X=20

var Light_Y=20

var Light_Z=40

var xInc=10;

var yInc=10;



var r=125;

var deg=0;

var deg1;



var rad;





var conversion=(2*3.1415926)/360



function movefilt()

{

Light_X=r+r*Math.cos(deg*conversion);

Light_Y=r+r*Math.sin(deg*conversion);

deg+=10;

if(deg==360)

deg=0;

Body1.filters[0].moveLight(0,Light_X,Light_Y,Light_Z,1);





mytimeout=setTimeout('movefilt()',100);

}

function go(){

Body1.filters.light.addCone(125,125,0,Light_X,Light_Y,0,255,0,150,20);

Body1.filters.light.addAmbient(0,255,0,30)

var x=0;

movefilt();



}



</SCRIPT>
</HEAD>
<BODY text=#99ffcc bgColor=#000000 onload=go()>

<DIV align=center> </DIV>
<CENTER>
<TABLE borderColor=#0099cc cellSpacing=0 borderColorDark=#0099cc cellPadding=15
width=450 borderColorLight=#0099cc border=1>
<TBODY>
<TR>
<TD height=56>
<DIV align=center><FONT color=#ffffff>&nbsp; </FONT><IMG id=Body1
style="FILTER: light(); WIDTH: 250px; HEIGHT: 250px" height=250 src="jsimg/img.jpg"
width=250></DIV></TD></TR></TBODY></TABLE>
<BR></CENTER></BODY></HTML>

<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>


此信息共 1 页 [1]