គន្លឹះតូចមួយនៃការដាក់អក្សរ​ឲ្យ​រត់ដោយ​ប្រើ​ប្រាស់ tag Marquee

♦ រៀបរៀងដោយ កញ្ញា អេង រតន: កែ​សម្រួល​ឡើងវិញនៅ​ថ្ងៃ​ទី ២៦ ខែមេសា ឆ្នាំ ២០២២ ដោយលោក យឿន ឆៃយ៉ា 

សួស្តីអ្នក​ទាំងអស់​គ្នា ថ្ងៃ​នេះ​ខ្ញុំ​ចង់​បង្ហាញ​អ្នក​ទាំងអស់​គ្នា​អំពីគន្លឹះតូចមួយចំនួននៃការដាក់ Tag Marquee ដោយ​ប្រើ​ប្រាស់​ជាមួយនឹង​ CSS​  ដើម្បី​ឲ្យ​អក្សររត់ ។ ដើម្បី​កុំ​ឲ្យ​ខាតពេលយូរតោះយើងទៅមើល​លទ្ធផល​និងឧទាហរណ៍ជាកូដដូច​ខាងក្រោម​៖

♦ ​លទ្ធផល​ក្រោយពី​ដំណើរ​ការ​កូដ

♦ នៅពេល​ដំណើរ​កា File index.html នោះយើងនឹងទទួលបាន​លទ្ធផល​ដូចរូប​ខាងលើ ៖

-  Scroll Right មានចលនាពី ឆ្វេង ទៅ ស្ដាំ ។

- Scroll Left មានចលនាពី ស្ដាំ ទៅ ឆ្វេង ។

- Scroll Down មានចលនាពី លើ ទៅ ក្រោម ។

- Scroll Up មានចលនាពី ក្រោម ទៅ លើ ។

♦  ​រូបភាព និងពន្យល់កូដ HTML

- បន្ទាត់ទី ៩ ជា Tag Link ​សម្រាប់​ភ្ជាប់ File HTML ទៅ File CSS

- បន្ទាត់ទី ១០ ជា Tag Link ​សម្រាប់​ទាញយក Font អក្សរ​ខ្មែរ​ណាមួយ​ពី Google

- បន្ទាត់ទី ១៥ ដល់ ១៨ គឺជា Tag Marquee ​ដែល​ប្រើ​សម្រាប់​ធ្វើ​ឲ្យ​អក្សរមានចលនា (អក្សររត់) ។ នៅ​ក្នុង Tag Marquee ​នីមួយៗ​មាន Attribute ​ដូចជា ៖

→ behavior=”scroll” ជា Attribute ធ្វើ​ឲ្យ​មាន ចលនា Scroll ។

  → direction=” ” ជា Attribute ​សម្រាប់​កំណត់​ទិសដៅ នៃចលនា ។ នៅ​ក្នុង direction មាន Value ដូចជា (right , left , down , up) ។

→ scrollamount=” ” ជា Attribute ​សម្រាប់​កំណត់​ល្បឿន (លឿន ឬ យឺត) ។

♦  ​រូបភាព និងពន្យល់កូដ CSS

→  Class container

- Max-width : ​សម្រាប់​កំណត់ ប្រវែង

- Height : ​សម្រាប់​កំណត់ កម្ពស់​

- Margin : ​សម្រាប់​កំណត់ ទីតាំង​ឲ្យ​នៅចំកណ្ដាល

- Padding : សម្តាប់​កំណត់ គំលាត់ខាង​ក្នុង របស់ container ។

 →  h1

- font-size : ដាក់​ទំហំ​អក្សរ

- text-align : ដាក់អក្សរ​ឲ្យ​ចំកណ្ដាក

- font-family : ​កំណត់ font ​ឲ្យ​អក្ស

- color : ដាក់ពណ៌​ឲ្យ​អក្សរ

- margin-bottom : ​កំណត់​គំលាត ខាងក្រោយ អក្សរ ៥០px ។

→ marquee

- font-size : ​កំណត់​ទំហំ​អក្សរ

- padding : ​កំណត់​គំលាត

- background-color : ចាក់ពណ៌ ផ្ទៃខាងក្រោយ ឲ្យ Tag marquee

 → marquee:nth-child (even) : គេហៅវាជា​ប្រភេទ pseudo class វា​ធ្វើការ​មួយរំលងមួយ

  - background-color : ចាក់ពណ៌ ផ្ទៃខាងក្រោយ ឲ្យ​ Tag marquee

 ​សម្រាប់​លោកអ្នក​ចង់​ដំឡើង​កម្មវិធី ANTLearner សម្រាប់ Android https://bit.ly/3qhYCJf

សូម​ចូលរួម Telegram÷ https://t.me/AntTechnologyTrainingCenter

→ ​ប្រសិនបើ​មានចង្ងល់ ឬ​មាន​សំណួរ​ផ្សេងៗ​សូម​ផ្ញើ​សារចូល Facebook : https://www.facebook.com/anttrainning

→ ​សម្រាប់​វគ្គ​សិក្សា​នៅអាន-ANT http://training.antkh.com/ 

→ លេខ​ទូរសព្ទ​ទំនាក់ទំនង ០១០/០១៦ ៦៦៦ ៦៥៣

 ទីតាំងៈ 86B ផ្លូវ 313 ខណ្ឌទួលគោក ភ្នំពេញ  https://maps.app.goo.gl/cdi3hTED27tbHBaB9