CSS Div实现探照灯效果
2014-12-01 14:14
323 查看
<html>
<head>
<title>探照灯</title>
<style type="text/css">
<!--
body{
background-color:#000000;
}
div{
filter:light;
width:300px; /* 这句必须得有 */
}
-->
</style>
</head>
<body>
<script language="javascript">
function MouseMove(){
//移动点光源
point.filters[0].MoveLight(0,window.event.x-10,window.event.y-20,70,1);
}
</script>
<div onmousemove="javascript:MouseMove()" id="point">
<img src="building.jpg">
</div>
<script language="javascript">
//添加点光源
point.filters.light(0).addPoint(0,0,70,240,240,0,100);
//point.filters.light(0).addPoint(0,0,100,0,150,255,100);
</script>
</body>
<head>
<title>探照灯</title>
<style type="text/css">
<!--
body{
background-color:#000000;
}
div{
filter:light;
width:300px; /* 这句必须得有 */
}
-->
</style>
</head>
<body>
<script language="javascript">
function MouseMove(){
//移动点光源
point.filters[0].MoveLight(0,window.event.x-10,window.event.y-20,70,1);
}
</script>
<div onmousemove="javascript:MouseMove()" id="point">
<img src="building.jpg">
</div>
<script language="javascript">
//添加点光源
point.filters.light(0).addPoint(0,0,70,240,240,0,100);
//point.filters.light(0).addPoint(0,0,100,0,150,255,100);
</script>
</body>
相关文章推荐
- DIV+CSS实现alt属性效果
- Div+Css实现屏蔽效果的登陆窗体
- C#实现winform仿div+css半透明遮罩效果
- Css实现tab标签效果(一)----------内容为静态的div
- JS+DIV+CSS实现类似邮件发送时的蒙板效果
- Div+Css实现屏蔽效果
- 使用div + css 实现Panel效果
- 超经典jquery+CSS+DIV实现图片轮换效果
- 用DIV+CSS如何实现这种表格效果
- 用div+css实现table效果
- 用div+css实现简单下拉菜单效果
- DIV+CSS分栏(实现Iframe效果)
- DIV+CSS:实现文本阴影效果示例;
- DIV+CSS实现的拖动+隐藏/显示效果+背景变暗
- Div+css菜单:一张图片实现翻转效果!
- DIV+CSS效果(实现平滑投票效果等)
- div+css实现圆角效果
- Css实现tab标签效果(二)----------内容为动态的div
- css实现类似相框的阴影div的shadow效果
- Jquery结合div+css实现文字间断停顿向上滚动效果