1. Trang chủ
  2. » Giáo án - Bài giảng

Code một số kiểu trỏ chuột đẹp cho website , blog...

20 2,2K 3

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 20
Dung lượng 124,5 KB

Nội dung

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 1

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 :

<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 5

var 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 6

else 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 7

HƯỚ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 8

Code 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 9

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/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()

Ngày đăng: 13/07/2014, 17:00

TỪ KHÓA LIÊN QUAN

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w