word

页面

mouse snow

2012年11月18日星期日

啊~~ 我的眼睛~~
从昨天2点半左右搞到半夜3点,今天早上10点半左右又搞到现在2点10分左右,一路研究HTML和想想如何设计blog。眼睛好累,我也差不多要自闭了,一直看着电脑,没开口说话。现在应该可以休息了。累~~  x.x

如何换鼠标(Cursor)

换鼠标教程

<span style="cursor:crosshair">你要改变鼠标样式的内容(可以是整个帖子,或者是部分内容)插入这里就可以了。</span>
以下是其他鼠标的样式:

<span style="cursor:hand"> hand:是大家所熟悉的手型。</span>
<span style="cursor:crosshair">crosshair:是十字型样式。</span>
<span style="cursor:text">text:是平时鼠标移动到文本上的样式。</span>
<span style="cursor:wait">wait:是等待的效果。</span>
<span style="cursor:default">default:是默认的那种效果。</span>
<span style="cursor:help">help:是带问号的鼠标样式。</span>
<span style="cursor:e-resize">e-resize:是向右的箭头。</span>
<span style="cursor:ne-resize">ne-resize:是向右上方的箭头。</span>
<span style="cursor:n-resize">n-resize:是向上的箭头。</span>
<span style="cursor:nw-resize">nw-resize:是向左上方的箭头。</span>
<span style="cursor:w-resize">w-resize:是向左的箭关。</span>
<span style="cursor:sw-resize">sw-resize:是向左下的箭头。</span>
<span style="cursor:s-resize">s-resize:是向下的箭头。</span>
<span style="cursor:se-resize">se-resize:是向右下方的箭头。</span>
<span style="cursor:auto">auto:是系统自动的效果。</span>

 Examples/例子:
1.crosshair:是十字型的样式。
2.help:是带问号的鼠标样式。

换鼠标(图片)

1. 选择布局 >> 添加小工具 >> HTML/Jawascript

2. 把以下代码放进去
<style type="text/css">body, a, a:hover {cursor: url(鼠标url), progress;}</style>

3.换鼠标url就可以了。完成:)

以下有几款鼠标:
http://cur.cursors-4u.net/anime/ani-11/ani1090.cur
http://cur.cursors-4u.net/others/oth-4/oth305.cur
http://cur.cursors-4u.net/symbols/sym-6/sym597.cur

想找更多鼠标,请点击这http://www.cursors-4u.com/

鼠标效果(飘浮文字)(Mouse floating text)

在这里,给大家介绍一个鼠标效果~~~飘浮文字(Mouse floating text)


话不多说~请看一下教程=)

首先,Login你的blogger用户
然后随着以下步骤:
English:   Design -> Add A Gadget -> HTML/JavaScript
华语:     布局 -> 添加小工具 -> HTML/JavaScript


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

<script language="javascript">


var text='将你的字打在这/Write your text here';

var delay=40;
var Xoff=0;
var Yoff=-30;
var txtw=14;
var beghtml='<font color="#00436e"><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='';

for(i=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.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);
}
</script>

你也可以换文字的眼色,在我的博客的右边有一Color Chooser,你可以选你要的颜色,然后复制( Ctrl + C )颜色代码,再放进去取代之前的颜色代码就可以了。

完成 : )

back to top