Visitors

សូមស្វាគមន៏ការចូលមកកាន់ប្លក់​ www.ideaforkhmer.blogspot.com​ របស់យើងខ្ញុំ។នៅទីនេះលោកអ្នកអាចស្វែងរកនូវចំនេះដឹងថ្មីុៗអំពី​ គណិតវិទ្យា​ រូបវិទ្យា គីមីវិទ្យា​ ពត៌មានវិទ្យា វប្បធម៌​ ធរិយធម៌​ ប្រវត្តិសាស្រ្ត​ និងចំនេះដឹងជាច្រើនទៀត។សូមចាប់ផ្ដើមការស្រាវជ្រាវរបស់លោកអ្នក (By: Vungsovanreach)

Thursday, February 27, 2014

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

     ប្លក​ Idea for khmer សូម​នាំ​យក​ Code មួយ​ ដែល​មាន​លក្ខណៈ​ជា​ Effect សម្រាប់​លម្អ​ប្លក​លោក​អ្នក​អោយ​មាន​ភាព​ទាក់ទាញ​មួយ​កំរិត​ទៀត។ មុខងារ​របស់​ Code ​គឺ​នៅ​ពេល​លោក​​អ្នក ​រំកិល​សញ្ញា​ព្រួញ​របស់​​ម៉ៅ​ (Crusor) អូស​កាត់ Label (ចំណាត់​ក្រុម) នោះ​ធ្វើ​អោយ​អក្សរ​របស់​ Label ​មាន​ចលនា​យោល​ទៅ​យោល​មក ដែល​ធ្វើ​អោយ​ប្លក​របស់​អ្នក​មាន​ភាព​ទាក់ទាញ (ប្រឌិត​ញាណ)។ ខាងស្ដាំនេះ​គ្រាន់​តែ​ជា​រូបភាព​គំរូ​ ឯ​កូដ​ពិត​មាន​ចលនា​រលូន​ល្អ​ណាស់។ដូច​នេះ​ដើម្បី​ដឹង​​អោយ​កាន់​តែច្បាស់​សូម​មើល​ពី​របៀប​ដាក់ Code ដូច​ខាង​ក្រោម​នេះ៖
- ចូល​ទៅ​ក្នុង​គណនី Blogger របស់អ្នក​តាម www.blogger.com
- ចូលទៅ​កាន់ Template >> Edit HTML >> Proceed  (សូមមើល​រូប​ខាង​ក្រោម)



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



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

ចំណាំ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>