当前位置:开发者网络 >> 网页特效 >> 鼠标事件 >> 内容
精彩推荐
分类最新特效
分类热点特效
  
文字环绕鼠标跟踪
日期:2004-07-13   人气:   【字体: 】【收藏此文


<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供! -->
<!-- 要实现此效果需要 1 个步骤: -->

<!-- 第 1 步: -->
<!-- 把下面的代码加到<BODY></BODY>区域中: -->

<script language="JavaScript">
<!--
var mouse=new Object()
mouse.msg="欢迎访问webasp.net站点"
mouse.x=0
mouse.y=0
mouse.speed=Math.PI/180 // 1 degree
mouse.radius=50
mouse.ms=new Array()
if(document.layers){
document.captureEvents(Event.MOUSEMOVE)
for(i=0;i<=mouse.msg.length;i++)document.write("<layer name='mousetext"+i+"'>"+mouse.msg.charAt(i)+"</layer>")
}else
for(i=0;i<=mouse.msg.length;i++)document.write("<span id='mousetext"+i+"' class='tacoscript'>"+mouse.msg.charAt(i)+"</span>")
for(i=0;i<=mouse.msg.length;i++){
mouse.ms[i]=document.getElementById?document.getElementById("mousetext"+i).style:document.all?document.all["mousetext"+i].style:document.layers["mousetext"+i]
mouse.ms[i].deg=Math.PI*2/mouse.msg.length*i}
document.onmousemove=function m(e){
if(!e)e=event
mouse.x=document.all?document.body.scrollLeft+e.clientX:e.pageX
mouse.y=document.all?document.body.scrollTop+e.clientY:e.pageY
run()}
function run(){
for(i=mouse.ms.length-1;i>=0;i--){
mouse.ms[i].deg+=mouse.speed
mouse.ms[i].left=mouse.x-Math.sin(mouse.ms[i].deg)*mouse.radius
mouse.ms[i].top=mouse.y+Math.cos(mouse.ms[i].deg)*mouse.radius}}
setInterval(run,100)
//-->
</script>
<style type="text/css">
<!--
.tacoscript {font-size:10pt; color=CC33FF; POSITION: absolute;VISIBILITY: visible}
-->
</style>