ផ្លាសប្តូរកូនកណ្តុរនឹងlinkអណ្តែត

ផ្លាសប្តូរកូនកណ្តុរនឹងlinkអណ្តែត
body{cursor: xxx;}

a:hover{cursor:xxx;}



ក្នុងនោះ xxx យើងជ្រើសរើសកូនកណ្តុរតាមចត្តនៅលើប្លក់របស់មិត្ត body គឺជាអំណាចកូនកណ្តុរប្រើលើផ្ទៃប្លក់, a:hover គឺជាអំណាចអោយកូនកណ្តុរអណ្តែតពេលដែលយើងដាក់កូនកណ្តុរលើlinks, មិត្តដាក់ពាក្យណាចូល xxx វានឹងអណ្តែតឡើងដូចខាងក្រោម:



ក្នុងនោះxxx យើងជើសរើសកូនកណ្តុរតាមចិត្តលើផ្ទៃប្លករបស់មិត្ត, bodyគឺជាអំណាច់កូនកណ្តុរដែសប្រើប្រាសបានពេញផ្ទៃប្លក់, a:hover គឺជាអំណាច់កូនកណ្តុរអណ្តែតពេលដែលយើងដាកើកូនកណ្តុរលើ links, មិត្តប្តូរវា:

pointer:

crosshair


n-resize

w-resize

ne-resize

nw-resize

move

wait

help



ឬមិត្តអាចប្រើ 1 icons ស្អាតដើម្បីផ្លាសប្តូរកូនកណ្តុរលើប្លក់ដោយរបៀប, copy links



body{cursor:url(xxx)}

a:hover {cursor:url(xxx)}



២. ធ្វើអោយអណ្តែតឡើងបេះដូងពេលដែលយើងអូសកូនកណ្តុរដាក់លើ link



មិត្តប្រើ CSS នេះ :



a:hover

{text-decoration:none;

color:#D570EE;

text-decoration:none;

font-weight:bold;

background-image:url(link រូប);}

code ចូលក្នុង CSS មិត្តណា!

ឬ
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(http://i269.photobucket.com/albums/jj68/vanhoanh7299/CosVnBlog/heartKTO.gif);}
a:hover {background-image:url(http://img.photo.zing.vn/file_uploads/gallery/sources/q42008/2009/08/25/10/20171251169724.gif);}
http://i269.photobucket.com/albums/jj68/vanhoanh7299/CosVnBlog/heartKTO.gif
http://img.photo.zing.vn/file_uploads/gallery/sources/q42008/2009/08/25/10/20171251169724.gif
មិត្ត​អាចប្តូរ link រូប ខាងក្រោមនេះ:
http://i5.glitter-graphics.org/pub/591/591395kecel1r4wj.gif
http://i10.glitter-graphics.org/pub/7/7300hpyshmxute.gif
http://i1.glitter-graphics.org/pub/25/25641z48mdznjyh.gif
http://i10.glitter-graphics.org/pub/707/707620lbi5rc3g3f.gif
http://i1.glitter-graphics.org/pub/465/465791lnieeghsa0.gif
http://i3.glitter-graphics.org/pub/707/707623ndqm8nohtx.gif
http://i8.glitter-graphics.org/pub/655/655328pzbfenjsk7.gif
http://i8.glitter-graphics.org/pub/761/761208civf7vumcn.gif
http://i8.glitter-graphics.org/pub/16/16778jktza71y3u.gif
http://i5.glitter-graphics.org/pub/591/591395kecel1r4wj.gif
http://i1.glitter-graphics.org/pub/465/465791lnieeghsa0.gif
http://i9.glitter-graphics.org/pub/185/185649d8sylcmsi8.gif
http://i5.glitter-graphics.org/pub/11/11885e13o0o1a5v.gif
http://i3.glitter-graphics.org/pub/715/715333mjcar13uxg.gif
http://i2.glitter-graphics.org/pub/804/804832d8f704vlk6.gif
http://i10.glitter-graphics.org/pub/16/16770gwdi5yck9n.gif