Code ​ធ្វើ​អោយ​ Label (ចំណាត់​ក្រុម) មាន​ចលនា​នៅ​ពេល​អូស​ Crusor ពី​លើ

It.khmer9.net សូម​នាំ​យក​ Code មួយ​ ដែល​មាន​លក្ខណៈ​ជា​ Effect សម្រាប់​លម្អ​ប្លក​លោក​អ្នក​អោយ​មាន​ភាព​ទាក់ទាញ​មួយ​កំរិត​ទៀត។ មុខងារ​របស់​ Code ​គឺ​នៅ​ពេល​លោក​​អ្នក ​រំកិល​សញ្ញា​ព្រួញ​របស់​​ម៉ៅ​ (Crusor) អូស​កាត់ Label (ចំណាត់​ក្រុម) នោះ​ធ្វើ​អោយ​អក្សរ​របស់​ Label ​មាន​ចលនា​យោល​ទៅ​យោល​មក ដែល​ធ្វើ​អោយ​ប្លក​របស់​អ្នក​មាន​ភាព​ទាក់ទាញ (ប្រឌិត​ញាណ)។ ដូច​នេះ​ដើម្បី​ដឹង​​អោយ​កាន់​តែច្បាស់​សូម​មើល​ពី​របៀប​ដាក់ Code ដូច​ខាង​ក្រោម​នេះ

នេះ​គ្រាន់​តែ​ជា​រូបភាព​គំរូ​ ឯ​កូដ​ពិត​មាន​ចលនា​រលូន​ល្អ​ណាស់

- ចូល​ទៅ​ក្នុង​គណនី Blogger របស់អ្នក​តាម www.blogger.com

- ចូលទៅ​កាន់ Template >> Edit HTML >> Proceed  (សូមមើល​រូប​ខាង​ក្រោម)

 - ស្វែង​រក​ពាក្យ​ថា : </head> (បើ​សិន​ជា​ចង់​លឿន​សូមចុច : F3 ឬ Ctrl+F រួច​វាយ​ពាក្យ​ </head> ក្នុង​ប្រអប់ស្វែង​រក)

ពេល​ស្វែង​រក​ឃើញ

 - ចំលង​ code យក​ទៅ​ Paste ដាក់​ពី​ខាង​លើ​ពាក្យ​ថា </head> ដោយ​ទុក​ចន្លោះ​មួយ​បន្ទាត់ ឬ​មិន​បាច់​ទុក​ក៏​បាន​ដែរ (សូម​មើល​រូប​ខាង​ក្រោម​នេះ)

ពេល​ដាក់​កូដ​រួច

 - រួច​ចុច​ប៊ូតុង ជា​កា​ស្រេច សាក​បើក​ប្លក​មើល​ថា​ដំណើរ​ការ​ត្រូវ​អត់៕ 

ចំណាំ៖ Code  នេះ​វា​ដំណើរ​ការ​តែ​ជា​មួយ Widget Label ទេ បើ​សិន​ប្លក​របស់​លោក​អ្នក​មិន​បាន​ដាក់ Widget Label នោះ​មិន​មាន​សកម្មភាព​​អ្វី​ទាំង​អស់។

កូដ Animated Label with jQuery

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'> </script> <script type='text/javascript'> var dur = 450; $(document).ready(function() { $('a.linknudge, .Label ul li a').hover(function() { $(this).animate({ paddingLeft: '20px' }, dur); }, function() { $(this).animate({ paddingLeft: 0 }, dur); }); });</script>

អត្ថបទជាប់ទាក់ទង ៖

Design Blogspot

• បង្កើត​គ្រាប់​ព្រិល​តូចៗ​ឲ្យ​ជ្រុះ​ចេញ​ពី Cursor នៅ​ពេល​ដែលអ្នកអូស Mouse ឲមាន​ចលនា
• របៀប​ដាក់​ Numberred Page Navigation លេខ​ទំព័រ​ខណ្ឌ​ចំនួន​បង្ហាញ​​អត្ថបទ​ប្លក
• ដាក់​រូប​បេះដូង​ធ្លាក់​លម្អ​ប្លក
• របៀបដាក់ Dark Style LavaLamp Drop Down Menu Bar​ នៅក្នុងប្លុក
• ដាក់​ប្រកាស​ពេញ​និយម ​ដែល​មាន​ផ្ទៃ​ពណ៌​ចំរុះ
• របៀប​ប្រើ​ធាតុ​ក្រាហ្វិក​ស្ទង់មតិ (Poll) ដែល​មាន​ស្រាប់​របស់ Blogger