สถานที่:หน้าหลัก > รหัสเอฟเฟกต์พิเศษ JS > กล่องพร้อมท์และเลเยอร์ป๊อปอัป

Bootstrap pop-up mask layer ไดอะล็อกบ็อกซ์เลเยอร์มาสก์ปลั๊กอิน

2020-06-25 119เรียกดู
ตามปลั๊กอิน bootstrap framework jQuery multi-functional modal dialog box กล่องโต้ตอบ modal bootstrap ประกอบด้วยกล่องคำเตือนกล่องยืนยันและไดอะล็อกบ็อกซ์ เป็นปลั๊กอินไดอะล็อกโมดอลอเนกประสงค์อเนกประสงค์ที่หายาก ชื่อพารามิเตอร์ชนิดพารามิเตอร์ค่าดีฟอลต์อธิบายถึงชื่อของไดอะล็อก titlestring'hello'modal contentstring 'คุณต้องการดำเนินการต่อหรือไม่ 'เนื้อหาของกล่องโต้ตอบโมดอล iconstring' 'ไอคอนขนาดเล็กด้านหน้าชื่อของกล่องโต้ตอบโมดอลยืนยันปุ่มสตริง'ok'modalกล่องโต้ตอบการยืนยันข้อความยกเลิกปุ่มสตริง' แคนเซล 'โมดอลกล่องโต้ตอบข้อความยืนยันปุ่มคลาสสตริง' btn-default'modal กล่องโต้ตอบยืนยันbuttonclassstring'btn-default'modal กล่องโต้ตอบยกเลิกปุ่ม cla ชุดรูปแบบสีของกล่องโต้ตอบโมดอล 'สีขาว' ssthemestring ตัวเลือกที่ใช้ได้คือกล่องโต้ตอบโมดอล 'white', 'black'animationstring'scale' และตัวเลือกภาพเคลื่อนไหวคือ 'scale', 'top', 'bottom', 'left', 'right', 'zoom', 'none ',' หมุน ',' หมุน x ',' หมุน ',' scalex ',' สเกลซี่ ',' เบลอ ' ระยะเวลาการเคลื่อนไหวของกล่องโต้ตอบโมดอล speednumber400 ของแอนิเมชันเป็นมิลลิวินาที Confirmfunctionfunction () {} ฟังก์ชันเรียกกลับหลังจากที่ผู้ใช้คลิกปุ่มยืนยันในกล่องโต้ตอบโมดอล Cancelfunctionfunction () {} ฟังก์ชันเรียกกลับหลังจากผู้ใช้คลิกปุ่มยกเลิกในกล่องโต้ตอบโมดอล ไม่ว่าจะเป็นกฎ backgrounddismissboolean อนุญาตให้ผู้ใช้เปลี่ยนกล่องโต้ตอบโมดอลโดยคลิกบนพื้นที่อื่นที่ไม่ใช่กล่องโต้ตอบโมดอล Autoclosestringfalse หากไม่มีการดำเนินการของผู้ใช้ให้ปิดกล่องโต้ตอบโมดอลหลังจากเวลาที่กำหนด ตัวเลือกที่เป็นไปได้สตริง "ยืนยัน | 400" ถูกหารด้วย "| และส่วนก่อนหน้านี้ระบุปุ่มทริกเกอร์" ยืนยัน "หรือ" ยกเลิก " ส่วนต่อไปนี้ระบุเวลารอในหน่วยมิลลิวินาที หากไม่มีปุ่มทั้งหมดไอคอนเล็ก ๆ ในหน้าต่างโหมดปิดจะกลายเป็นรูปภาพ (โหมดโต้ตอบ) คุณสามารถลบไอคอนได้โดยตั้งค่าเป็นเท็จ