ASP学校学生基地,原创基地,ASP优秀程序,定制程序,学校信息化教育整合系统的开始! 设为首页 添加到收藏夹 25175产品
  首页 > 网站技巧 > javaScript技巧
        阅读新闻
 

图片聚光灯效果

[日期:2007-04-27]  来源:25175.com  作者:admin  阅读: 次  [字体: ]

图片聚光灯效果

代码如下:
<style>
#myimage{filter:light}
body {
 background-color: #000000;powered by 25175.net
}
</style>
<div id="myimg" align="center">
<img src="http://img.star.25175.com/star/stars/1760/photos/M72353.jpg" id="myimage">
</div>
<script language="JavaScript">
<!--
s = 50; // 聚光灯的大小
vp = 40; // 图片可见度
startx = 30; // the top position of your sportlight into the image (on start)
starty = 30; // the left position of your spotlight into the image (on start)

var IE = document.all?true:false

function moveL()
{
xv = tempX;
yv = tempY;
myimage.filters.light.MoveLight(1,xv,yv,s,true);
}

if (IE&&myimage.filters)
document.all.myimage.onmousemove = getMouseXY;
var tempX = 0
var tempY = 0


function getMouseXY(e) {
tempX = event.offsetX
tempY = event.offsetY

  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}
  if (t)
  { 
   moveL();
  }

  return true
}

var xv = startx;
var yv = starty;
var t= true;
if (IE&&myimage.filters){
myimage.style.cursor="hand";
myimage.filters.light.addAmbient(255,255,255,vp)
myimage.filters.light.addPoint(startx,starty,s,255,255,255,255)
}
//-->
</script>



推荐给朋友 】 【 打印此文章 】 【 加入收藏
 

上一篇:javascript制作跟随鼠标的钟
下一篇:农历时间显示

       相关新闻   图片  效果 

       本文评论   所有评论
 
 

点评: 字数
姓名:

.
网站制作 | 广告服务 | 产品价格 | 汇款方式 | 购买指南 | 程序制作 |
技术支持 | idc.25175.net
Copyright © 2005-2008 25175. All Rights Reserved powered by 25175 | 浙ICP备05022281 | 法律顾问:陈淑丽