部落格鼠标效果

不管男女老少，

部落格现在对我们来说已经是很普遍了。

要开部落格很容易，

可是设计部落格又是另外一回事。

发现到，

我们的会员很多都有部落格。

很多人都问我mouse effect和background effect怎样做？

所以我就在这里为你们解答啦~ ")

* 转载from google 

鼠标效果（飘浮文字）

首先，Login你的blogger用户

然后随着以下步骤

英文:到Design-->Add A Gadget-->HTML/JavaScript

华语:到设计-->添加小工具-->HTML/JavaScript

将以下的代码放上去就可以了~

<script language="javascript">

var text='将你的字打在这';
var delay=40; 
var Xoff=0;
var Yoff=-30; 
var txtw=14; 
var beghtml=''; 
var endhtml='';

ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;

ie4 = (document.all && !document.getElementById)? true : false;

ie5 = (document.all && document.getElementById)? true : false;

ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;

var txtA=new Array();

text=text.split('');

var x1=0;

var y1=-1000;

var t='';

for(i=1;i<=text.length;i++){

t+=(ns4)? '

' : '

';

t+=beghtml+text[i-1]+endhtml;

t+=(ns4)? '' : '

';

}

document.write(t);

function moveid(id,x,y){

if(ns4)id.moveTo(x,y);

else{

id.style.left=x+'px';

id.style.top=y+'px';

}}

function animate(evt){

x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);

y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);

}

function getidleft(id){

if(ns4)return id.left;

else return parseInt(id.style.left);

}

function getidtop(id){

if(ns4)return id.top;

else return parseInt(id.style.top);

}

function getwindowwidth(){

if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;

else return window.innerWidth+pageXOffset;

}

function movetxts(){

for(i=text.length;i>1;i=i-1){

if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){

moveid(txtA[i-1],0,-1000);

moveid(txtA[i],0,-1000);

}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));

}

moveid(txtA[1],x1,y1);

}

window.onload=function(){

for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);

if(ns4)document.captureEvents(Event.MOUSEMOVE);

document.onmousemove=animate;

setInterval('movetxts()',delay);

}