图片跟随鼠标-网页制作-轻松学电脑

没有公告

	加入收藏
	设为首页
	联系站长

轻松学电脑>>网页制作>>鼠标事件类>>图片跟随鼠标

双击滚屏阅读

图片跟随鼠标

图片跟随鼠标

看到效果显示了吧!

脚本说明:
第一步:把如下代码加入<body>区域中
<SCRIPT LANGUAGE="JavaScript">
	var newtop=0
	var newleft=0
	if (navigator.appName == "Netscape") {
		layerStyleRef="layer.";
		layerRef="document.layers";
		styleSwitch="";
		}
		else
		{
		layerStyleRef="layer.style.";
		layerRef="document.all";
		styleSwitch=".style";
		}

function doMouseMove() {

layerName = 'iit'

eval('var curElement='+layerRef+'["'+layerName+'"]')
		eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"')
		eval('curElement'+styleSwitch+'.visibility="visible"')
		eval('newleft=document.body.clientWidth-curElement'+styleSwitch+'.pixelWidth')
		eval('newtop=document.body.clientHeight-curElement'+styleSwitch+'.pixelHeight')
		eval('height=curElement'+styleSwitch+'.height')
		eval('width=curElement'+styleSwitch+'.width')
		width=parseInt(width)
		height=parseInt(height)
		if (event.clientX > (document.body.clientWidth - 5 - width))
		{
		newleft=document.body.clientWidth + document.body.scrollLeft - 5 - width
		}
		else
		{
		newleft=document.body.scrollLeft + event.clientX
		}
		eval('curElement'+styleSwitch+'.pixelLeft=newleft')

if (event.clientY > (document.body.clientHeight - 5 - height))
		{
		newtop=document.body.clientHeight + document.body.scrollTop - 5 - height
		}
		else
		{
		newtop=document.body.scrollTop + event.clientY
		}
		eval('curElement'+styleSwitch+'.pixelTop=newtop')
}

document.onmousemove = doMouseMove;

</SCRIPT>
第二步:把如下代码加入<body>区域中
<script language="javascript">
	if (navigator.appName == "Netscape") {

}
	else
	{
		document.write('<div ID=OuterDiv>')
		document.write('<img ID=iit src="image1.gif" STYLE="position:absolute;TOP:0pt;LEFT:0pt;width=103;height=28;Z-INDEX:2;visibility:hidden;">')
		document.write('</div>')
	}
</script>

上一篇文章：没有了

下一篇文章：鼠标放上去打开新页面

阅读top10

	随鼠标的彩色字符
	显示鼠标坐标
	跟随鼠标的字符
	各种形状的鼠标
	字符围绕鼠标
	跟随鼠标的星星
	鼠标跟踪器
	鼠标点击效果
	禁用鼠标左右键
	鼠标放上去打开新页面
	图片跟随鼠标

查看图片跟随鼠标全部内容