ตัวอย่างการใช้งาน jQuery plugins clickover บน Bootstrap

Booststap Knowledge ความรู้สำหรับการออกเว็บเพื่อให้แสดงผล ได้ดี ทุกหน้าจอ

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
M004
PHP VIP Members
PHP VIP Members
โพสต์: 1323
ลงทะเบียนเมื่อ: 01/01/1970 7:00 am

ตัวอย่างการใช้งาน jQuery plugins clickover บน Bootstrap

โพสต์ที่ยังไม่ได้อ่าน โดย M004 »

สำหรับ jQuery plugins clickover บน Bootstrap ลักษณะการทำงานจะคล้ายๆ Popup ของ Javascript
และต้อง แทรก ไฟล์ bootstrap-clickover.js ก่อนถึงใช้งานได้
ตัวอย่างการใช้งาน
9-18-2013 3-36-12 AM.png
9-18-2013 3-36-12 AM.png (9.97 KiB) Viewed 1322 times
รูปแบบการใช้งาน

โค้ด: เลือกทั้งหมด

$('#example').clickover(options)
9-18-2013 3-38-29 AM.png
9-18-2013 3-38-29 AM.png (60.27 KiB) Viewed 1322 times
ตัวอย่าง

โค้ด: เลือกทั้งหมด

            <a href="#" id="login_icon" rel="clickover" title="{L_LOGIN}" data-placement="bottom"  data-content='<form><input type="text"/></form>'><span class="icon-search"></span></a>
code script

โค้ด: เลือกทั้งหมด

<script type="text/javascript">
      $(function() { 
          $('#login_icon').clickover(); 

      })
    </script>
ตัวอย่าง popup ปิดตัวเองใน 15วิ

โค้ด: เลือกทั้งหมด

$('#auto-close-co').clickover({
  auto_close: 15 * 1000            
}); 
ตัวอย่าง ปรับขนาด กว้าง ยาว

โค้ด: เลือกทั้งหมด

 $('#set-tall-skinny').clickover({ width: 50, height: 300 }); 
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 56