ข้ามไปที่เนื้อหาหลัก

การใช้ jQuery เว้นระยะห่างทางด้านซ้ายของหัวข้อย่อย ด้วยฟังก์ชั่น .css()

https://www.youtube.com/watch?v=1GIqN_URAbA

สำหรับการใช้ jQuery เว้นระยะห่างด้านซ้ายให้กับตัวเลขกำหนดหัวข้อนั้น
เราสามารถเรียกใช้ฟังก์ชั่น .css() เพื่อกำหนด margin-left ให้มีค่าตามที่เราต้องการได้

โดยที่เราจะนับจำนวนจุดของหัวข้อเพื่อใช้เป็นตัวเว้นระยะขอบ เช่น
 1.1.1 จะนับจุดได้ 2 จุด เราก็จะเว้นระยะโดยนำไปคูณ 20 ก็จะได้ระยะ 20px

หากต้องการระยะห่างเพิ่มขึ้น ก็เพียงแค่เพิ่มค่าตัวคูณเข้าไปก็จะได้ระยะที่ห่างขึ้นตามต้องการ



วิดีโอ


ซอร์สโค้ด




ลิงค์ที่เกี่ยวข้อง
http://api.jquery.com/css/
http://www.w3schools.com/jsref/jsref_length_array.asp
http://www.w3.org/TR/CSS21/box.html#mpb-examples

ความคิดเห็น