hujingjian 发表于 2007-4-27 11:49:59

***页面特效***鼠标悬停于链接文字上就会出现会由小变大的字符

把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件
要完成此效果需要两个步骤

第一步:把如下代码加入到<head>区域中

<style>.ringstyle {
    color: #ff0000; font-family: verdana; font-size: 5pt; position: absolute; top: -50px;


visibility: visible
}

</style>
<script>
var x,y
var timer
var i_fontsize=0
var step=0
var thisx,thisy

function handlermm(e){
    x = (document.layers) ? e.pagex : event.clientx
    y = (document.layers) ? e.pagey : event.clienty
}

function ringup() {
    if (document.all) {
      thisx = x
      thisy = y
      ringup2()
    }
}

function ringup2() {
    if (i_fontsize<=1530) {   
      document.all.ring.style.fontsize=i_fontsize
      

document.all.ring.style.color="rgb(255,"+math.floor(i_fontsize/6)+","+math.floor(i_fontsize/6)+")

"
      document.all.ring.style.posleft=thisx-(math.floor(i_fontsize/3))
      document.all.ring.style.postop=thisy-(math.floor(i_fontsize/1.4))   
      step+=4
      i_fontsize+=step
      timer=settimeout("ringup(2)",50)
    }
    else {
      cleartimeout(timer)
      i_fontsize=0
      step=0
      document.all.ring.style.postop=-10000
    }
}

document.onmousemove = handlermm;
</script>


第二步:把如下代码加入到<body>区域国

<a href="http://www.jojoo.net" onmouseover=ringup()
target=_blank>对面的鼠标移过来</a><div class=ringstyle id=ring>细溪驿站</div>
      










--------------------------------------

拥有三人行论坛管理系列软件,一个人就可以管理一个论坛的更新维护。还能使您的论坛有千人在线的真实火暴效果,让您不在为论坛因没有人气而留不住会员而烦恼,使您的论坛早日成为一流的论坛。详情请登陆网站:http://www.cnsrx.cn 三人行论坛管理软件,站长必备的专业好工具。(您使用的是免费版本,购买收费版本后,将不带广告。业务QQ:247216 44985227)
页: [1]
查看完整版本: ***页面特效***鼠标悬停于链接文字上就会出现会由小变大的字符