?? 23.html
字號(hào):
<html>
<head>
<title>CSS Demo</title>
<script>
<!--
var Light_X = 20
var Light_Y = 20
var Light_Z = 40
var xInc = 10;
var yInc = 10;
var r = 100;
var deg = 0;
var deg1;
var rad;
var PointAngle;
var PlaneLight_X = 20
var PlaneLight_Y = 120
var PlaneLight_Z = 3
var conversion = (2 * 3.1415917)/360
function movefilt()
{
// 利用數(shù)學(xué)知識(shí)把極坐標(biāo)系轉(zhuǎn)換為直角坐標(biāo)系
Light_X = r + r * Math.cos(deg * conversion);
Light_Y = r + r * Math.sin(deg * conversion);
deg += 10;
if (deg == 360)
deg = 0;
// 旋轉(zhuǎn)錐形光源
Body1.filters[0].moveLight(0, Light_X, Light_Y, Light_Z, 1);
// 指出飛機(jī)與錐形光源的相對(duì)位置
PointAngle = Math.atan((PlaneLight_Y - r)/(PlaneLight_X - r))/conversion;
// 基本幾何設(shè)置
if ((PlaneLight_X < r) && (PlaneLight_Y < r))
PointAngle += 180;
if ((PlaneLight_X > r) && (PlaneLight_Y < r))
PointAngle += 360
if ((PlaneLight_X < r) && (PlaneLight_Y > r))
PointAngle += 180
// 如果飛機(jī)在錐形光源的區(qū)域內(nèi),則更新飛機(jī)的位置
if ((deg - 10 <= PointAngle) && (PointAngle <= deg))
Body1.filters[0].moveLight(2, PlaneLight_X, PlaneLight_Y, PlaneLight_Z, 1);
// 每0.1秒循環(huán)一次
mytimeout=setTimeout('movefilt()', 100);
}
function movePlanes()
{
// 設(shè)置飛機(jī)位置的增量
PlaneLight_X++;
PlaneLight_Y++;
// 如果飛機(jī)出了屏幕外區(qū)域則重置為0
if (PlaneLight_Y > 200) PlaneLight_Y = 0;
if (PlaneLight_X > 200) PlaneLight_X = 0;
timeout2 = setTimeout('movePlanes()', 500);
}
function go() {
Body1.filters.light.addCone(100,100,0,Light_X, Light_Y, 0, 255, 0, 150, 10);
Body1.filters.light.addAmbient(0,255,0,20)
Body1.filters.light.addPoint(PlaneLight_X, PlaneLight_Y, 3, 0, 255, 0, 100);
var x = 0;
movefilt();
movePlanes();
}
-->
</script>
</head>
<body onload="go()">
<p>
<img src="radar.jpg" id="Body1"
style="height:200;width:200;
filter:light()">
</p>
</body>
</html>
?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號(hào)
Ctrl + =
減小字號(hào)
Ctrl + -