การใช้ 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

ความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

แจกฟรี!! ระบบต่างๆที่พัฒนาด้วย PHP สำหรับนำไปใช้ในงานต่างๆ

สำหรับหลายท่านที่ขอโค้ดเข้ามาทาง Inbox ของเฟซบุ๊กแฟนเพจ หรือถามถึงระบบต่างๆหลังไมค์มานั้น ส่วนใหญ่ก็มีแจกอยู่แล้วในเว็บบอร์ด ThaiCreate.Com นะครับ และด้านล่างนี้ก็เป็นระบบต่างๆที่แจกให้นำไปลองใช้ลองศึกษากันครับ

สอนเขียน PHP แสดงการจองห้องประชุมแบบไฮไลท์ตามช่วงเวลา (แบบเชื่อมต่อฐานข้อมูล MySQL)

ตัวอย่าง ผลลัพธ์ที่ได้จากการจองในฐานข้อมูล ตาราง tb_room สร้างตารางรายชื่อห้องประชุม สำหรับ id นั้นเป็น Primarykey จะกำหนดให้สร้างอัตโนมัติ ทุกครั้งที่เราเพิ่มชื่อห้องประชุมใหม่ -- -- Database: `tobedev_example` -- -- -------------------------------------------------------- -- -- Table structure for table `tb_room` -- CREATE TABLE IF NOT EXISTS `tb_room` ( `id` int(11) NOT NULL, `name` varchar(30) NOT NULL ) ENGINE=InnoDB AUTO_INCREMENT=6 DEFAULT CHARSET=utf8; -- -- Dumping data for table `tb_room` -- INSERT INTO `tb_room` (`id`, `name`) VALUES (1, 'ห้องประชุม 1'), (2, 'ห้องประชุม 2'), (3, 'ห้องประชุม 3'), (4, 'ห้องประชุม 4'), (5, 'ห้องประชุม 5'); -- -- Indexes for dumped tables -- -- -- Indexes for table `tb_room` -- ALTER TABLE `tb_room` ADD PRIMARY KEY (`id`); -- -- AUTO_INCREMENT for dumped tables -- -- -- AUTO_INCREMENT for table `tb_room` -- ALTER TABLE `tb_room` MODIFY `i...

PHP กับการคิดส่วนลดเป็นเปอร์เซ็น 5%, 10%, 20% ตามช่วงราคาที่กำหนด

<?php $total_price = 1000; $discount = 0; if($total_price >= 500 && $total_price < 1001){ $discount = 5; }elseif($total_price >= 1001 && $total_price <= 5000){ $discount = 10; }elseif($total_price >= 5001){ $discount = 20; } $discount_bath = ($total_price*$discount)/100; ?> <pre> ซื้อสินค้าครบ 0 ถึง 499 บาท ไม่ได้ส่วนลด ซื้อสินค้าครบ 500 ถึง 1000 บาท ได้ส่วนลด 5% ซื้อสินค้าครบ 1001 ถึง 5000บาท ได้ส่วนลด 10% ซื้อสินค้าครบ 5001 บาทขึ้นไป ได้ส่วนลด 20% </pre> <h3>รวมราคาสินค้า = <?php echo number_format($total_price,2);?></h3> <h5>ส่วนลด = <?php echo $discount;?>% (<?php echo $discount_bath;?...

PHP วิถีเริ่มต้นของโปรแกรมเมอร์ รับทำเว็บไซต์

ค้นหาบล็อกนี้