Code một số kiểu trỏ chuột đẹp cho website , blog.... Đây là 1 số kiểu chuột đẹp , mình mới sưu tầm được bạn nào thích save đem về xài nhé ..... Hình con bướm : body {cursor: urlhttp://w
Trang 1Code một số kiểu trỏ chuột đẹp cho website , blog
Đây là 1 số kiểu chuột đẹp , mình mới sưu tầm được bạn nào thích save đem về xài nhé
Hình con bướm :
<style type="text/css">body {cursor:
url(http://www.myspacecursor.net/cursor/3dc_3043.ani); }</style><br />
<a href="http://www.myspacecursor.net" title="Free Cursors">Free Cursors</a><a
href="http://www.freelayoutsnow.com" title="Myspace Layouts">Myspace Layouts</a><a href="http://www.getmyspacecomments.com" title="Myspace Comments">Myspace Comments</a><br />
Bông hồng :
<style type="text/css">body {cursor: url(http://www.myspacecursor.net/cursor/roses.ani); }
</style><br />
<a href="http://www.myspacecursor.net" title="Free Cursors">Free Cursors</a><a
href="http://www.freelayoutsnow.com" title="Myspace Layouts">Myspace Layouts</a><a href="http://www.getmyspacecomments.com" title="Myspace Comments">Myspace Comments</a><br />
Guitar :
<style type="text/css">body {cursor: url(http://www.myspacecursor.net/guitar/2.ani); }
</style><br />
<a href="http://www.myspacecursor.net" title="Free Cursors">Free Cursors</a><a
href="http://www.freelayoutsnow.com" title="Myspace Layouts">Myspace Layouts</a><a href="http://www.getmyspacecomments.com" title="Myspace Comments">Myspace Comments</a><br />
<style type="text/css">body {cursor: url(http://www.myspacecursor.net/guitar/8.ani); }
</style><br />
<a href="http://www.myspacecursor.net" title="Free Cursors">Free Cursors</a><a
href="http://www.freelayoutsnow.com" title="Myspace Layouts">Myspace Layouts</a><a href="http://www.getmyspacecomments.com" title="Myspace Comments">Myspace Comments</a><br />
Trang 2<style type="text/css">body {cursor: url(http://www.myspacecursor.net/guitar/9.ani); }
</style><br />
<a href="http://www.myspacecursor.net" title="Free Cursors">Free Cursors</a><a
href="http://www.freelayoutsnow.com" title="Myspace Layouts">Myspace Layouts</a><a href="http://www.getmyspacecomments.com" title="Myspace Comments">Myspace Comments</a><br />
Animated
<style type="text/css">body {cursor:
url(http://www.myspacecursor.net/cursor/FlowerShow.ani); }</style><br />
<a href="http://www.myspacecursor.net" title="Free Cursors">Free Cursors</a><a
href="http://www.freelayoutsnow.com" title="Myspace Layouts">Myspace Layouts</a><a href="http://www.getmyspacecomments.com" title="Myspace Comments">Myspace Comments</a><br />
<style type="text/css">body {cursor:
url(http://www.myspacecursor.net/cursor/DragonflyCM.ani); }</style><br />
<a href="http://www.myspacecursor.net" title="Free Cursors">Free Cursors</a><a
href="http://www.freelayoutsnow.com" title="Myspace Layouts">Myspace Layouts</a><a href="http://www.getmyspacecomments.com" title="Myspace Comments">Myspace Comments</a><br />
<style type="text/css">body {cursor:
url(http://www.myspacecursor.net/cursor/animated_1.ani); }</style><br />
<a href="http://www.myspacecursor.net" title="Free Cursors">Free Cursors</a><a
href="http://www.freelayoutsnow.com" title="Myspace Layouts">Myspace Layouts</a><a href="http://www.getmyspacecomments.com" title="Myspace Comments">Myspace Comments</a><br />
Blinkie Heart :
<style type="text/css">body {cursor: url(http://www.myspacecursor.net/blinkieheart/1.ani); }</style><br />
<a href="http://www.myspacecursor.net" title="Free Cursors">Free Cursors</a><a
href="http://www.freelayoutsnow.com" title="Myspace Layouts">Myspace Layouts</a><a href="http://www.getmyspacecomments.com" title="Myspace Comments">Myspace Comments</a><br />
Trang 3<style type="text/css">body {cursor: url(http://www.myspacecursor.net/blinkieheart/3.ani); }</style><br />
<a href="http://www.myspacecursor.net" title="Free Cursors">Free Cursors</a><a
href="http://www.freelayoutsnow.com" title="Myspace Layouts">Myspace Layouts</a><a href="http://www.getmyspacecomments.com" title="Myspace Comments">Myspace Comments</a><br />
Dance :
<style type="text/css">body {cursor: url(http://www.myspacecursor.net/dance/1.ani); }
</style><br />
<a href="http://www.myspacecursor.net" title="Free Cursors">Free Cursors</a><a
href="http://www.freelayoutsnow.com" title="Myspace Layouts">Myspace Layouts</a><a href="http://www.getmyspacecomments.com" title="Myspace Comments">Myspace Comments</a><br />
Snake :
<style type="text/css">body {cursor: url(http://www.myspacecursor.net/snakecursor/1.ani); }</style><br />
<a href="http://www.myspacecursor.net" title="Free Cursors">Free Cursors</a><a
href="http://www.freelayoutsnow.com" title="Myspace Layouts">Myspace Layouts</a><a href="http://www.getmyspacecomments.com" title="Myspace Comments">Myspace Comments</a><br />
<style type="text/css">body {cursor: url(http://www.myspacecursor.net/snakecursor/4.ani); }</style><br />
<a href="http://www.myspacecursor.net" title="Free Cursors">Free Cursors</a><a
href="http://www.freelayoutsnow.com" title="Myspace Layouts">Myspace Layouts</a><a href="http://www.getmyspacecomments.com" title="Myspace Comments">Myspace Comments</a><br />
Feather :
<style type="text/css">body {cursor: url(http://www.myspacecursor.net/feather/4.ani); }
</style><br />
<a href="http://www.myspacecursor.net" title="Free Cursors">Free Cursors</a><a
href="http://www.freelayoutsnow.com" title="Myspace Layouts">Myspace Layouts</a><a href="http://www.getmyspacecomments.com" title="Myspace Comments">Myspace Comments</a><br />
Trang 4<style type="text/css">body {cursor: url(http://www.myspacecursor.net/feather/2.ani); }
</style><br />
<a href="http://www.myspacecursor.net" title="Free Cursors">Free Cursors</a><a
href="http://www.freelayoutsnow.com" title="Myspace Layouts">Myspace Layouts</a><a href="http://www.getmyspacecomments.com" title="Myspace Comments">Myspace Comments</a><br />
Girly :
<style type="text/css">body {cursor: url(http://www.myspacecursor.net/girly/1.ani); }
</style><br />
<a href="http://www.myspacecursor.net" title="Free Cursors">Free Cursors</a><a
href="http://www.freelayoutsnow.com" title="Myspace Layouts">Myspace Layouts</a><a href="http://www.getmyspacecomments.com" title="Myspace Comments">Myspace Comments</a><br />
<style type="text/css">body {cursor: url(http://www.myspacecursor.net/girly/3.ani); }
</style><br />
<a href="http://www.myspacecursor.net" title="Free Cursors">Free Cursors</a><a
href="http://www.freelayoutsnow.com" title="Myspace Layouts">Myspace Layouts</a><a href="http://www.getmyspacecomments.com" title="Myspace Comments">Myspace Comments</a><br />
Chữ chạy theo con trỏ, chữ này có bóng
<script LANGUAGE="JavaScript">
<! Original: Vũ Kiên (VuKienttdt@gmail.com ) >
<! Web Site: http://violet.vn/VuKienttdt >
<! This script and many more are available free online at >
<! The JavaScript Source!! http://violet.vn/VuKienttdt >
<! Begin
message = Vũ Kiên – Đại Từ - Thái Nguyên!';
FonT = 'Verdana';
ColoR = '999999';
SizE = 3; //1 to 7 only!
Trang 5var amount = 5, ypos =- 50, xpos = 0, Ay = 0, Ax = 0, By = 0, Bx = 0, Cy = 0, Cx = 0, Dy =
0, Dx = 0, Ey = 0, Ex = 0;
if (document.layers) {
for (i = 0; i < amount; i++) {
document.write('<layer name=nsl'+i+' top=0 left=0><font face='+FonT+' size='+SizE+' color='+ColoR+'>'+message+'</font></layer>');
}
window.captureEvents(Event.MOUSEMOVE);
function nsmouse(evnt) {
xpos = evnt.pageX + 20;
ypos = evnt.pageY + 20;
}
window.onMouseMove = nsmouse;
}
else if (document.all) {
document.write("<div id='outer' style='position:absolute;top:0px;left:0px'>");
document.write("<div style='position:relative'>");
for (i = 0; i < amount; i++) {
document.write('<div id="text"'+i+' style=& quot;position:absolute;top:0px;left:0px;
width:400px;height:20px"><font face='+FonT+' size='+SizE+'
color='+ColoR+'>'+message+'</font></div>')
}
document.write("</div>");
document.write("</div>");
function iemouse() {
ypos = event.y + 20;
xpos = event.x + 20;
}
window.document.onmousemove = iemouse;
}
function makefollow() {
if (document.layers) {
document.layers['nsl'+0].top = ay;
document.layers['nsl'+0].left = ax;
document.layers['nsl'+1].top = by;
document.layers['nsl'+1].left = bx;
document.layers['nsl'+2].top = cy;
document.layers['nsl'+2].left = cx;
document.layers['nsl'+3].top = Dy;
document.layers['nsl'+3].left = Dx;
document.layers['nsl'+4].top = Ey;
document.layers['nsl'+4].left = Ex;
Trang 6else if (document.all) {
outer.style.pixelTop = document.body.scrollTop;
text[0].style.pixelTop = ay;
text[0].style.pixelLeft = ax;
text[1].style.pixelTop = by;
text[1].style.pixelLeft = bx;
text[2].style.pixelTop = cy;
text[2].style.pixelLeft = cx;
text[3].style.pixelTop = Dy;
text[3].style.pixelLeft = Dx;
text[4].style.pixelTop = Ey;
text[4].style.pixelLeft = Ex;
}
}
function move() {
ey = Ey += (ypos - Ey) * 0.2;
ex = Ex += (xpos - Ex) * 0.2;
dy = Dy += (ey - Dy) * 0.3;
dx = Dx += (ex - Dx) * 0.3;
cy = Cy += (dy - Cy) * 0.4;
cx = Cx += (dx - Cx) * 0.4;
by = By += (cy - By) * 0.5;
bx = Bx += (cx - Bx) * 0.5;
ay = Ay += (by - Ay) * 0.6;
ax = Ax += (bx - Ax) * 0.6;
makefollow();
setTimeout('move()', 10);
}
window.onload=move;
// End >
</script>
<! Script Size: 2.91 KB >
Trang 7HƯỚNG DẪN TẠO HIỆU ỨNG TRỎ CHUỘT NGỘ NGHĨNH
- Bước 1 : bạn truy cập vào http://www.totallyfreecursors.com/
- Bước 2: click vào một hình trỏ chuột mà bạn thích
- Bước 3: Trong cửa sổ hiện ra, các bạn copy mã code HTML
- Bước 4: Đặt code vào góc vui trên trang blog của bạn
Code xuất hiện ở khung trên : khi rê chuột vào các vị trí không có link trên website thì hiệu ứng trỏ chuột
sẽ có tác dụng
Một code tôi đã lấy về và sưu tầm, xin chia sẻ
Ví dụ 1:
<div align="center" style="z-index:9;visibility:visible;"><a
href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img
src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0"
width="88" height="31" alt="Free Tail 2 MySpace Cursors at www.totallyfreecursors.com "
/></a></div><style>HTML,BODY{cursor:
url("http://downloads.totallyfreecursors.com/cursor_files/tail2.ani"),
url("http://downloads.totallyfreecursors.com/thumbnails/tail2.gif"), auto;}</style>
Code xuất hiện ở khung dưới : khi rê chuột vào các vị trí có link trên website thì hiệu ứng trỏ chuột sẽ có
tác dụng
Ví dụ 2:
<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/tail2.ani"),
url("http://downloads.totallyfreecursors.com/thumbnails/Tail2.gif"), auto;}</style>
Trang 8Code một số con trỏ chuột tuyệt đẹp
Theo yêu cầu của 1 số bạn , muốn tìm trỏ chuột đẹp cho website ,blog Hôm nay mình post tiếp 1 số kiểu trỏ chuột ''cực đẹp'' đây các bạn Các bạn nào cần Cursors cho máy tính của mình pm cho mình Một kho cực đẹp luôn
<style type="text/css">body {cursor:
url(http://www.mscursor.com/cursors/arrow1/scmove.ani);
}</style><a href="http://www.mscursor.com/" target="_blank"><img
src="http://www.mscursor.com/support.gif" alt="Myspace Layouts"
style="position:absolute; left:0px; top:
0px;" border="0"></a>
<style type="text/css">body {cursor:
url(http://www.mscursor.com/cursors/arrow1/bloodypointer01.ani);
}</style><a href="http://www.mscursor.com/" target="_blank"><img
src="http://www.mscursor.com/support.gif" alt="Myspace Layouts"
style="position:absolute; left:0px; top:
0px;" border="0"></a>
<style type="text/css">body {cursor:
url(http://www.mscursor.com/cursors/arrow1/mil_desert.ani);
}</style><a href="http://www.mscursor.com/" target="_blank"><img
src="http://www.mscursor.com/support.gif" alt="Myspace Layouts"
style="position:absolute; left:0px; top:
0px;" border="0"></a>
<style type="text/css">body {cursor: url(http://www.mscursor.com/cursors/arrow1/sc.ani); }</style><a href="http://www.mscursor.com/" target="_blank"><img
src="http://www.mscursor.com/support.gif" alt="Myspace Layouts"
style="position:absolute; left:0px; top:
0px;" border="0"></a>
<style type="text/css">body {cursor:
url(http://www.mscursor.com/cursors/arrow1/finger2.ani);
}</style><a href="http://www.mscursor.com/" target="_blank"><img
Trang 9src="http://www.mscursor.com/support.gif" alt="Myspace Layouts"
style="position:absolute; left:0px; top:
0px;" border="0"></a>
<style type="text/css">body {cursor:
url(http://www.mscursor.com/cursors/arrow1/mud.ani);
}</style><a href="http://www.mscursor.com/" target="_blank"><img
src="http://www.mscursor.com/support.gif" alt="Myspace Layouts"
style="position:absolute; left:0px; top:
0px;" border="0"></a>
<style type="text/css">body {cursor:
url(http://www.mscursor.com/cursors/arrow1/FireOrange.ani);
}</style><a href="http://www.mscursor.com/" target="_blank"><img
src="http://www.mscursor.com/support.gif" alt="Myspace Layouts"
style="position:absolute; left:0px; top:
0px;" border="0"></a>
<style type="text/css">body {cursor:
url(http://www.mscursor.com/cursors/arrow1/arrow_bw.ani);
}</style><a href="http://www.mscursor.com/" target="_blank"><img
src="http://www.mscursor.com/support.gif" alt="Myspace Layouts"
style="position:absolute; left:0px; top:
0px;" border="0"></a>
<style type="text/css">body {cursor:
url(http://www.mscursor.com/cursors/arrow1/cur20.ani);
}</style><a href="http://www.mscursor.com/" target="_blank"><img
src="http://www.mscursor.com/support.gif" alt="Myspace Layouts"
style="position:absolute; left:0px; top:
0px;" border="0"></a>
<style type="text/css">body {cursor:
url(http://www.mscursor.com/cursors/arrow1/cur16.ani);
}</style><a href="http://www.mscursor.com/" target="_blank"><img
src="http://www.mscursor.com/support.gif" alt="Myspace Layouts"
style="position:absolute; left:0px; top:
0px;" border="0"></a>
Trang 10<style type="text/css">body {cursor:
url(http://www.mscursor.com/cursors/arrow1/cd_gpointer.ani);
}</style><a href="http://www.mscursor.com/" target="_blank"><img
src="http://www.mscursor.com/support.gif" alt="Myspace Layouts"
style="position:absolute; left:0px; top:
0px;" border="0"></a>
<style type="text/css">body {cursor:
url(http://www.mscursor.com/cursors/arrow1/blue_lightning.ani);
}</style><a href="http://www.mscursor.com/" target="_blank"><img
src="http://www.mscursor.com/support.gif" alt="Myspace Layouts"
style="position:absolute; left:0px; top:
0px;" border="0"></a>
<style type="text/css">body {cursor:
url(http://www.mscursor.com/cursors/arrow1/sharp04.ani);
}</style><a href="http://www.mscursor.com/" target="_blank"><img
src="http://www.mscursor.com/support.gif" alt="Myspace Layouts"
style="position:absolute; left:0px; top:
0px;" border="0"></a>
Chữ vòng quanh theo con trỏ
<script LANGUAGE="JavaScript">
<! Original: Nguyễn Hùng(VuKienttdt@gmail.com) >
<! Web Site: http://violet.vn/VuKienttdt >
<! This script and many more are available free online at >
<! The JavaScript Source!! http://violet.vn/VuKienttdt >
<! Begin
if (document.all) {
//Things you can alter
yourLogo = "Welcome to Blog giáo viên Thái Bình!"; //Not less than 2 letters!
logoFont = "Arial";
logoColor = "000000";
//Nothing needs altering below!
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()