• August 21, 2017

    ทำ popup แสดงหน้าเว็บก็ได้ หรือแสดงรูปภาพ code

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset=utf-8 />
        <title>ตัวอย่าง popup </title>
    	<!-- โหลดมาไว้ใน server ได้ -->
        <link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example1/colorbox.css" />
      </head>
      <body>
      <!-- นับเวลาถอยหลัง -->
      <h1><span id="seconds">2</span></h1>
      
      <!--จะโหลดมาไว้ใน  server  หรือใช้แบบนี้ก็ได้ -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script>
      
      <script>
          function openColorBox(){
    		  //กำหนดขนาดและหน้าเว็บที่จะแสดงใน popup สามารถใส่เป็นภาพก็ได้นะครับ
            $.colorbox({iframe:true, width:"800px", height:"500px", href: "http://devbanban.com/"});
          }
          
          function countDown(){
            seconds--
            $("#seconds").text(seconds);
            if (seconds === 0){
              openColorBox();
              clearInterval(i);
            }
          }
          //กำหนดเวลา วินาทีที่จะให้ popup ทำงาน 
          var seconds = 2,
              i = setInterval(countDown, 1000);
        </script>
    </body>
    </html>


เวอไนน์ไอคอร์ส

ประหยัดเวลากว่า 100 เท่า!






เวอไนน์เว็บไซต์⚡️
สร้างเว็บไซต์ ดูแลเว็บไซต์

Categories