ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingใครมี jquery เวลาเข้าเว็บแล้วเด้ง popup แบบ ออโต้ ไม่ต้องกดปุ่มมั้ยครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ใครมี jquery เวลาเข้าเว็บแล้วเด้ง popup แบบ ออโต้ ไม่ต้องกดปุ่มมั้ยครับ  (อ่าน 1320 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
kunnarakkup
สมุนแก๊งเสียว
*

พลังน้ำใจ: 3
ออฟไลน์ ออฟไลน์

กระทู้: 886



ดูรายละเอียด
« เมื่อ: 16 กันยายน 2015, 14:31:50 »

ใครมี jquery เวลาเข้าเว็บแล้วเด้ง popup แบบ ออโต้ ไม่ต้องกดปุ่มมั้ยครับ
บันทึกการเข้า
thaisew
ก๊วนเสียว
*

พลังน้ำใจ: 19
ออฟไลน์ ออฟไลน์

กระทู้: 274



ดูรายละเอียด
« ตอบ #1 เมื่อ: 16 กันยายน 2015, 14:37:24 »

โค๊ด:
alert('alert');

ธรรมดาก็น่าจะใช้ได้
บันทึกการเข้า
NameName
สมุนแก๊งเสียว
*

พลังน้ำใจ: 80
ออฟไลน์ ออฟไลน์

กระทู้: 936



ดูรายละเอียด
« ตอบ #2 เมื่อ: 16 กันยายน 2015, 14:51:55 »

 Cry
« แก้ไขครั้งสุดท้าย: 22 กันยายน 2015, 12:16:34 โดย NameName » บันทึกการเข้า

nscyber
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 50
ออฟไลน์ ออฟไลน์

กระทู้: 1,165



ดูรายละเอียด
« ตอบ #3 เมื่อ: 19 กันยายน 2015, 11:20:47 »

ลอง $("ID or Class").click() ยังครับ
บันทึกการเข้า
shinrafenr
ก๊วนเสียว
*

พลังน้ำใจ: 17
ออฟไลน์ ออฟไลน์

กระทู้: 308



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 22 กันยายน 2015, 11:00:09 »

CSS ธรรมดาก็ทำได้ครับ แค่ animation ค่อยๆแสดงผลขึ้นมาเวลาเปิดหน้าเว็บ ตั้งเวลาไว้
โค๊ด:
http://goo.gl/KxSUO9
บันทึกการเข้า

อย่าปล่อยให้อดีตทำร้ายปัจจุบัน เพราะวันนึงเราจะพบว่า อดีต ไม่มีวันย้อนกลับมา และปัจจุบันก็ไม่มีอะไรให้จดจำ

ทำความรู้จักกันเพิ่มเติมได้ที่ -->  http://goo.gl/65mD27

รับจ้างเก็บภาพสถานที่ท่องเที่ยวทั่วไทย รับทําเว็บไซต์ ด้วย WordPress ว่างๆผมก็ออกเดินทางท่องเที่ยวทั่วไทย
jommann
สมุนแก๊งเสียว
*

พลังน้ำใจ: 34
ออฟไลน์ ออฟไลน์

กระทู้: 676



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 22 กันยายน 2015, 11:06:06 »

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

toffyy
Newbie
*

พลังน้ำใจ: 7
ออฟไลน์ ออฟไลน์

กระทู้: 85



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 22 กันยายน 2015, 12:04:30 »

ใช้ fancybox เลยครับ
บันทึกการเข้า
Jir4yu
สมุนแก๊งเสียว
*

พลังน้ำใจ: 162
ออฟไลน์ ออฟไลน์

กระทู้: 817



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 22 กันยายน 2015, 12:14:24 »

โค๊ด:
http://dimsemenov.com/plugins/magnific-popup/

ใช้ตัวบนก็ได้ครับสำหรับ ui ของ popup

ถ้าจะให้เด้ง auto ก็แค่หน่วงเวลาไว้ แล้วเอา code ไปวางไว้ที่หน้าที่ต้องการให้ขึ้น popup อย่างเช่น

โค๊ด:
$(document).ready(function(){
  setTimeout(function(){
    --- popupcode here ---
  }, 1200)  // set timer here
});
บันทึกการเข้า

ติดตามข้อมูลอัพเดทข่าวสารอย่างมือถือ แอป เกม รวมถึงคริปโตได้ที่เว็บไซต์ thetechr.com - ข่าวไอทีใหม่ๆ ไม่พลาดทุกก้าวเทคโนโลยี
kiraoji
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 226
ออฟไลน์ ออฟไลน์

กระทู้: 1,681



ดูรายละเอียด
« ตอบ #8 เมื่อ: 22 กันยายน 2015, 14:00:29 »

โหลด jquery  plugin  เลยครับง่ายดีไม่ต้องเขียนเอง
บันทึกการเข้า
p44n
Verified Seller
สมุนแก๊งเสียว
*

พลังน้ำใจ: 105
ออฟไลน์ ออฟไลน์

กระทู้: 676



ดูรายละเอียด
« ตอบ #9 เมื่อ: 22 กันยายน 2015, 14:25:08 »

เลี่ยงได้ให้เลี่ยงเถอะครับ เพราะเป็น UX ที่แย่

ถ้ายืนยันที่จะทำ ปกติผมจะ trigger ปุ่ม หรือ div อีกที ส่วนตัวใช้ fancybox (http://fancyapps.com/fancybox/ ) และ bxslide (bxslider.com)ครับ ชอบ bxslide มากกว่าเพราะใช้นิ้ว slide ในมือถือได้เลยโดยไม่ต้องจิ้ม arrow
บันทึกการเข้า

Python, PHP OOP, MVC CodeIgniter, MongoDB, MySQL, MsSQL ,CSS Tableless, Responsive Design, Cross-platform, Javascript, jQuery, AngularJS, NodeJS,  Fackbook API, Paypal API, Omise API, Google Map API, C# Window Applications, .NET Framework, JAVA (Android Developer, JSP), Hybrid Application with Cordova + Ionic Framework, ReactJS, React Native
bonkbonk
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 103
ออฟไลน์ ออฟไลน์

กระทู้: 2,784



ดูรายละเอียด
« ตอบ #10 เมื่อ: 22 กันยายน 2015, 14:59:40 »

โค๊ด:
http://dimsemenov.com/plugins/magnific-popup/

ใช้ตัวบนก็ได้ครับสำหรับ ui ของ popup

ถ้าจะให้เด้ง auto ก็แค่หน่วงเวลาไว้ แล้วเอา code ไปวางไว้ที่หน้าที่ต้องการให้ขึ้น popup อย่างเช่น

โค๊ด:
$(document).ready(function(){
  setTimeout(function(){
    --- popupcode here ---
  }, 1200)  // set timer here
});

เป็นผมก็ใช้แบบอันล่างอะ ง่ายดี
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์