鼠标点亮图像-图形图像-中国个人网页秀

热门标签: 个人网站个人网页 WAP网站网页特效网页教程收藏本站设为主页

首页个人网站个人博客 WAP网站网页特效网页教程软件教程我要参展

帐号：

密码：

网站及资源搜索：

当前位置 > 中国个人网页秀-> 网页特效-> 页面特效-> 图形图像-> 鼠标点亮图像

鼠标点亮图像

整理：Cnwshow.Com 来源：Internet 整理时间：2008-7-21

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>鼠标点亮图像</title>

</head>

<body>
<style>

</style>
<img id="myimage" src="01.jpg">
<script language="JavaScript1.2">

s = 50; // the size of the spotlight
vp = 10; // the visibility percent of the picture
startx = 0; // the top position of your sportlight into the image (on start)
starty = 0; // the left position of your spotlight into the image (on start)

//////////////////////////////////////////////////////////////////
// No need to edit below this line //
//////////////////////////////////////////////////////////////////

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>
</body>
</html>

运行代码预览特效


酷站推荐