នៅក្នុងអត្ថបទនេះ Techfree នឹងធ្វើការលើកយកអំពីការដាក់រូបអោយមានចលនានៅលើគេហទំព័រដោយប្រើ Floating js ។ ការលេងស្ទាយគឺជាចំនុចមួយដ៏សំខាន់ដើម្បីអោយអ្នកប្រើប្រាស់មានភាពទាក់ទាញ។វិធីនេះគឺងាយស្រូលនឹងរហ័សដោយលោកអ្នកគ្រាន់តែធ្វើការអនុវត្ត៏តាមដូចខាងក្រោម៖
សូមមើលវីដេអូខាងក្រោមដើម្បីស្វែងយល់ថាតើ Floating js អាចបង្កើតអ្វីបានខ្លះ
១) លោកអ្នកធ្វើបង្កើត File ថ្មីមួយ>>index.html រូចធ្វើការបញ្ចូលកូដដូចខាងក្រោម
Link CDN: <script src=”https://haroen.me/floating.js/floating.js”></script>
២) បង្កើត File CSS >> style.css បញ្ចូលកូដដូចខាងក្រោម៖
៣) បង្កើត File Javacript>> floating.js រូចបញ្ចូលកូដដូចខាងក្រោម៖
Like symbol សំរាប់អោកអ្នកធ្វើការCopy Striker សំរាប់តេស>http://fsymbols.com/all/
parameter : content គឺសំរាប់ធ្វើការកំនត់តបង្្ហាញទៅលើរូភាព
parameter : number គឺសំរាប់កំនត់ចំនូនដែលចង់បង្ហាញ
parameter : duration គឺសំរាប់កំនត់រយះពេល
parameter : repeat គឺសំរាប់កំនត់ចំនូនសារលើងវិញ
parameter : direction កំនត់ទិសដៅ
parameter : size គឺសំរាប់កំនត់ទំហំដែលចង់បង្ហាញ
ចែករំលែកអត្ថបទនេះទៅកាន់៖
អត្ថបទនេះ Techfree និយាយពីការប្រើប្រាស់ស្ទាយ Hover Effect នៅលើគេហទំព័រ ដូចជាការកំនត់រូបភាពអោយមានលក្ខណះប្រែប្រួល នឹងការផ្លាស់ប្តូរូបរាងនៃទ្រង់ទ្រាយរូបភាព។ នៅក្នុងអត្ថបទនេះផងដែរ Techfree នឹងធ្វើលើកយកស្ទាយ hover effect មួយចំនួនដោយប្រើភាសា jquery បូកបញ្ចូលជាមួយភាសា css មក បង្ហាញជូន លោកអ្នកដូចខាងក្រោម៖ សូមមើលវីដេអូខាងក្រោមដើម្បីស្វែងយល់ថាតើ hover effect style មានលក្ខណះយ៉ាងណានោះសូមមើលដូចខាងក្រោម៖ ឧទាហរណ៍១៖ ទៅលើការប្រាស់ Hover effect លក្ខណះ Slide hover button លោកអ្នកធ្វើការបង្កើត File HTML >>index.html រូចធ្វើការបញ្ចូលកូដដូចខាងក្រោម៖ header File Copy Link CDN :
In "ការរចនា"
អត្ថបទនេះនិយាយអំពីការប្រើប្រាស់ Vue.js គឺជាប្រភេទ Javascript framework ដែលមានការរីកជាចំរើនទៅលើផ្នែក (user Interface)។ Vue ត្រូវបានគេបង្កើតឡើងដើម្បីជាការអនុម័តបន្ថែម ហើយ Lirbray គឺផ្តោតទៅលើ ការបង្ហាញ Layer ហើយ វាមានភាពងាយស្រូលក្នុងការយកមករូមបញ្ចូលជាមួយគម្រោងផ្សេងទៀតឬ Libray ដែលមានស្រាប់។ នៅក្នុងអត្ថ បទនេះគឺជាអត្ថបទទី២ បន្ទាប់ពីអត្ថមុន លក្ខណៈពិសេសរបស់ Vue.js ធៀបទៅនឹង React និង Angular 2 ដែលបានណែនាំ អំពី Vue.js នេះ។ នៅក្នុងអត្ថបទនេះផងដែរ Techfree ធ្វើការបង្រៀនលោកអ្នកអំពីការប្រើ ប្រាស់ Vue.js ជាមួយឩទាហរណ៏ មួយចំនូនដូចខាងក្រោម៖ របៀបតំឡើង Vue.js នៅចំនុចនេះ Techfree បង្រៀនអ្នកទាំងអស់គ្នាអំពីរបៀបដំឡើង Vue.js ហើយការតំឡើងវាមិនមានអ្វីស្មុស្មាញប៉ុន្មានទេ ដោយគ្រាន់តែលោកអ្នកចូលទៅកាន់គេហទំព័ររបស់ Vue.js ហើយធ្វើការទាញយក…
In "ការរចនា"
អត្តបទនេះ Techfree នឹងធ្វើការលើកយកពីរបៀបបង្កើត Place holder animation ដោយប្រើជាមួយភាសា jquery។ Place holder animation នេះគឺគេពេញនិយមប្រើនៅក្នុង ទំរង់បញ្ចូលបញ្ចូលនិន្ន័យ ឬ អក្ស(Form input)។ ហើយក្នុងចំនុចនេះផងដែល Techfree នឹងធ្វើបញ្ចូលស្ទាយ Place holder នេះអោយមានចលនានឹងមានភាពទាកទាញជាងមុន នៅផ្នែកខាងក្រោម Techfree នឹងធ្វើការលើជាឩទាហរណ៍មកបង្ហាញជូនដូចខាងក្រោម៖។ សូមមើលវីដេអូខាងក្រោមដើម្បីស្វែងយល់ថាតើ placehoder style មានប្រភេទស្ទាយអ្វីខ្លះនោះ ] ឩទាហរណ៍ៈ ការចុចនៅលើ + បង្កើត File html => index.html រួចបញ្ចូលកូដដូចខាងក្រោម¶ កូដផ្នែកខាង header Link URL សំរាប់ធ្វើការដោនឡូត File : prism.js & prism.css យកមកប្រើដោយធ្វើចុចLink…
In "ការរចនា"
