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

Code chuột

11 381 0

Đ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 11
Dung lượng 73,5 KB

Nội dung

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 Ví dụ: một code tôi đã lấy về <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ụ: một code tôi đã lấy về <style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/tail2.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/Tail2.gif"), auto;}</style> Code một số con trỏ chuột tuyệt đẹp <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 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> <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> Trỏ chuột cho website - blog. 1. src="http://www.mscursor.com/support.gif" mce_src="http://www.mscursor.com/support.gif" alt="Myspace Layouts" style="position:absolute; left:0px; top: 0px;" border="0"> 2. src="http://www.mscursor.com/support.gif" mce_src="http://www.mscursor.com/support.gif" alt="Myspace Layouts" style="position:absolute; left:0px; top: 0px;" border="0"> 3. src="http://www.mscursor.com/support.gif" mce_src="http://www.mscursor.com/support.gif" alt="Myspace Layouts" style="position:absolute; left:0px; top: 0px;" border="0"> 4. src="http://www.mscursor.com/support.gif" mce_src="http://www.mscursor.com/support.gif" alt="Myspace Layouts" style="position:absolute; left:0px; top: 0px;" border="0"> 5. src="http://www.mscursor.com/support.gif" mce_src="http://www.mscursor.com/support.gif" alt="Myspace Layouts" style="position:absolute; left:0px; top: 0px;" border="0"> 6. src="http://www.mscursor.com/support.gif" mce_src="http://www.mscursor.com/support.gif" alt="Myspace Layouts" style="position:absolute; left:0px; top: 0px;" border="0"> 7. src="http://www.mscursor.com/support.gif" mce_src="http://www.mscursor.com/support.gif" alt="Myspace Layouts" style="position:absolute; left:0px; top: 0px;" border="0"> 8. src="http://www.mscursor.com/support.gif" mce_src="http://www.mscursor.com/support.gif" alt="Myspace Layouts" style="position:absolute; left:0px; top: 0px;" border="0"> 9. src="http://www.mscursor.com/support.gif" mce_src="http://www.mscursor.com/support.gif" alt="Myspace Layouts" style="position:absolute; left:0px; top: 0px;" border="0"> 10. src="http://www.mscursor.com/support.gif" mce_src="http://www.mscursor.com/support.gif" alt="Myspace Layouts" style="position:absolute; left:0px; top: 0px;" border="0"> 11. src="http://www.mscursor.com/support.gif" mce_src="http://www.mscursor.com/support.gif" alt="Myspace Layouts" style="position:absolute; left:0px; top: 0px;" border="0"> 12. src="http://www.mscursor.com/support.gif" mce_src="http://www.mscursor.com/support.gif" alt="Myspace Layouts" style="position:absolute; left:0px; top: 0px;" border="0"> 13. src="http://www.mscursor.com/support.gif" mce_src="http://www.mscursor.com/support.gif" alt="Myspace Layouts" style="position:absolute; left:0px; top: 0px;" border="0"> Xin chu ký tho link chuot <style type="text/css"> A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/duchrabbit.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/DuchRabbit.gif"), auto;} </style> <hr> <center><font size="4"><embed src= "http://www.satisfaction.com/ladybug-note/ladybugnote.swf" flashvars= "t=NGUYEN HUNG &m=http://vioet.vn/phuoctienb 0976.087.247 BAN TIM THAY CHUA ? &f=Love you,&px=41.45&py=53.1&n=3&dom=http://www.satisfaction.com/ladybug- note/" quality="high" wmode="transparent" width="180" height="120" name= "Lady Bug Note" align="middle" allowscriptaccess="samedomain" type= "application/x-shockwave-flash" pluginspage= "http://www.macromedia.com/go/getflashplayer"></font></center> <font size="2"><script language="JavaScript" type= "text/javascript"> //Script by www.tridung.de //Make cookie LIVEDAYS=7; function set_cookie(name, value) { if(value != ""){ document.cookie = name + "=" + escape(value)+ "; EXPIRES=" + cookie_live(); alert("Cám ơn " + value + "!\nTên bạn đã lưu!"); location.href=self.location; } else{ alert("Bạn quên không đưa tên!"); } } function cookie_live() { var date=new Date(); date.setDate(date.getDate()+LIVEDAYS); var gmt=date.toGMTString(); var k1=gmt.indexOf(" "); var k2=gmt.indexOf(" ", k1+1); var k3=gmt.indexOf(" ", k2+1); var str=gmt.substring(0,k2)+"-"+gmt.substring(k2+1,k3)+"-"+gmt.substring(k3+ 3,gmt.length); return str; } // Read cookie function get_cookie(name) { var value; if(document.cookie != "") { var kk=document.cookie.indexOf(name+"="); Code hiệu ứng trỏ chuột cho blog (trái tim) Hôm này mình làm tặng tất cả các thành viên của Blog một code con trỏ tuyệt đẹp .Các bạn dùng thử sẽ biêt ngay tuyệt đẹp .Đoạn code sau đây tạo ra hiệu ứng trái tim rất đẹp cho chuột khi bạn click vào 1 link nào đó trong blog .Các bạn cho vào thông tin bản quyền nhé Code a:hover {text-decoration:none; color:#D570EE; text-decoration:none; font-weight:bold; background- image:url(http://i269.photobucket.com/albums/jj68/vanhoanh7299/CosVnBlo g/heartKTO.gif);} 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 /> <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 /> <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 /> <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: Nguyễn Hùng (phuoctienb@gmail.com ) > <! Web Site: http://violet.vn/nguyenhung-17 > <! This script and many more are available free online at > <! The JavaScript Source!! http://violet.vn/nguyenhung-17 > <! Begin message = 'Nguyễn Hùng Trường Phước Tiến B!'; FonT = 'Verdana'; ColoR = '999999'; SizE = 3; //1 to 7 only! 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; } 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; . 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 Ví dụ: một code tôi. 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ụ: một code tôi đã lấy về <style>A:hover{cursor:. kk=document.cookie.indexOf(name+"="); Code hiệu ứng trỏ chuột cho blog (trái tim) Hôm này mình làm tặng tất cả các thành viên của Blog một code con trỏ tuyệt đẹp .Các bạn dùng thử sẽ biêt ngay tuyệt đẹp .Đoạn code sau

Ngày đăng: 19/04/2015, 22:00

Xem thêm

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

TÀI LIỆU LIÊN QUAN

w