平凡的女孩、典型的巨蟹女,不许别人侵犯我的地盘。 虽然没有优美的用词,但有一颗真心记载着我的回忆,希望有一天有流星奇迹的出现。PhotobucketPhotobucket

2010年6月22日星期二

2 字体鼠标效果

鼠标会坠落bling bling的大家都会了吧?
有很多博友问我怎么把鼠标变成会有字体的效果?



①控制台dashbord - 设计design - 网页元素page elements

②新增小工具add a gadget - HTML/JavaScript

③Copy 以下的代码

<script language="javascript">


var text='welcome';

var delay=40;
var Xoff=0;
var Yoff=-30;
var txtw=14;
var beghtml='<font color="#ffccc"><b>';
var endhtml='</b></font>';


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='';

fori=1;i<=text.length;i++){
t+=ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=ns4)? '</layer>' : '</div>';
}
document.writet);

function moveidid,x,y){
ifns4)id.moveTox,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}

function animateevt){
x1=Xoff+ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}

function getidleftid){
ifns4)return id.left;
else return parseIntid.style.left);
}

function getidtopid){
ifns4)return id.top;
else return parseIntid.style.top);
}

function getwindowwidth){
ifie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}

function movetxts){
fori=text.length;i>1;i=i-1){
ifgetidlefttxtA[i-1])+txtw*2>=getwindowwidth)){
moveidtxtA[i-1],0,-1000);
moveidtxtA[i],0,-1000);
}else moveidtxtA[i], getidlefttxtA[i-1])+txtw, getidtoptxtA[i-1]));
}
moveidtxtA[1],x1,y1);
}

window.onload=function){
fori=1;i<=text.length;i++)txtA[i]=ns4)?document.layers['txt'+i]:ie4)?document.all['txt'+i]:document.getElementById'txt'+i);
ifns4)document.captureEventsEvent.MOUSEMOVE);
document.onmousemove=animate;
setInterval'movetxts)',delay);
}
</script>




红色的字改为你所要的字和颜色即可




后记
谢谢celestine ^^

Photobucket

2 comment:

IM∶MS. XPei小沛™ 说...

哈哈,好多教程哦
你好厉害

xiao E 说...

谢谢你~
我拿走咯~XD