1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > html图片跟随鼠标 跟随鼠标的图片 - 网页特效代码|网页特效观止 - 让你的网页靓起来!...

html图片跟随鼠标 跟随鼠标的图片 - 网页特效代码|网页特效观止 - 让你的网页靓起来!...

时间:2024-01-18 20:07:05

相关推荐

html图片跟随鼠标 跟随鼠标的图片 - 网页特效代码|网页特效观止 - 让你的网页靓起来!...

跟随鼠标的图片

[ 发布者:在远方┊来源:本站整理┊时间:-03-08┊浏览:

人次 ]

网页特效||---跟随鼠标的图片

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;

if (navigator.appName == "Netscape") {

}

else

{

document.write('

')

document.write('')

document.write('

')

}

本类相关信息

将两个源代码复制到body区域内,改一改相应的图片即可。

跟随鼠标的一串蝴蝶-类似鼠标滑过的痕迹

围绕鼠标旋转的红心,围绕方式多样

围绕鼠标的立体旋转文字

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。