หน้าแรก
หน้าแรก
ใช้ HTML กับ jQuery เพื่อทำสิ่งนี้และเริ่มทำงานหลังจากกด ENTER - ตัวอย่าง <!DOCTYPE html> <html> <head> <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script
ในการสร้างแบบฟอร์มด้วย HTML เราใช้คำสั่งต่อไปนี้ − <form action = "" method = "get"> Details:<br><br> Student Name<br><input type="name" name="sname"><br> Exam Date and Time<br>&l
ผ้าใบ HTML5 มีวิธีการที่อนุญาตให้แก้ไขเมทริกซ์การแปลงโดยตรง เมทริกซ์การแปลงในขั้นต้นจะต้องเป็นการแปลงเอกลักษณ์ จากนั้นจึงปรับเปลี่ยนได้โดยใช้วิธีการแปลงร่าง ตัวอย่าง ให้เรามาดูตัวอย่างการแปลงผ้าใบกัน − <!DOCTYPE HTML> <html> <head> <script> &
ผ้าใบ HTML5 มีเมธอด scale(x, y) ที่ใช้เพื่อเพิ่มหรือลดหน่วยในกริดแคนวาสของเรา สามารถใช้เพื่อวาดรูปร่างและบิตแมปที่ย่อขนาดหรือขยายได้ วิธีนี้ใช้พารามิเตอร์สองตัว โดยที่ x คือตัวประกอบมาตราส่วนในทิศทางแนวนอน และ y คือตัวประกอบมาตราส่วนในทิศทางแนวตั้ง พารามิเตอร์ทั้งสองต้องเป็นจำนวนบวก ตัวอย่าง เรามาดู
ผ้าใบ HTML5 จัดเตรียมแอตทริบิวต์การคอมโพสิต globalCompositeOperation ที่ส่งผลต่อการดำเนินการวาดทั้งหมด ตัวอย่าง เราสามารถวาดรูปร่างใหม่หลังรูปร่างที่มีอยู่และปิดบังบางพื้นที่ ล้างส่วนต่างๆ จากแคนวาสโดยใช้แอตทริบิวต์ globalCompositeOperation ดังที่แสดงด้านล่างในตัวอย่าง <!DOCTYPE HTML> <htm
อาจเป็นปัญหาการแชร์ทรัพยากรข้ามแหล่งที่มา (CORS) video.crossOrigin = 'anonymous'; ในการเปิดใช้งานการแชร์ทรัพยากรข้ามต้นทาง ให้ใช้สิ่งต่อไปนี้ อนุญาตให้รูปภาพส่งผ่านส่วนหัว HTTP พร้อมการตอบสนองของรูปภาพ Access-Control-Allow-Origin: * คุณยังสามารถใช้เมธอด HTML() - $('#audio').html(
นาที Firefox ไม่รองรับแอตทริบิวต์ของหมายเลขประเภทอินพุต แต่ทำงานอย่างถูกต้องใน Google Chrome ตัวอย่าง เรามาดูตัวอย่างกัน − <!DOCTYPE html> <html> <head> <title>HTML input number</title> </head> <body&
ดึงข้อมูลพิกัดของเมาส์ในเหตุการณ์การคลิก ตอนนี้ ดึงองค์ประกอบโดยการซ่อนโอเวอร์เลย์ของคุณ และใช้สิ่งต่อไปนี้ หลังจากนั้น ให้แสดงภาพซ้อนทับอีกครั้ง - document.elementFromPoint(x, y) คุณยังสามารถใช้ CSS ต่อไปนี้ได้ - div { pointer-events:none; }
ใช้วิธี translate() เพื่อแปลแคนวาส แคนวาส HTML5 มีเมธอด translate(x, y) ที่ใช้ในการย้ายแคนวาสและจุดกำเนิดไปยังจุดอื่นในกริด ต่อไปนี้อาร์กิวเมนต์ x คือจำนวนผ้าใบที่ถูกย้ายไปทางซ้ายหรือขวา และ y คือจำนวนที่เลื่อนขึ้นหรือลง ตัวอย่าง <!DOCTYPE HTML> <html> <head> &n
หากผืนผ้าใบดูบิดเบี้ยว ให้ลองเปลี่ยนความสูงและความกว้าง - <canvas id = ”canvas1” width = '400' height = '300'></canvas> ความสูงและความกว้างเริ่มต้นของผืนผ้าใบใน HTML5 คืออัตราส่วน 2/1 - width = 300 height = 150 ตัวอย่าง เรามาดูตัวอย่างกัน − <!DOCTYPE HTM
หากต้องการใส่สไตล์ประเภทอินพุต =จำนวน ให้ใช้ CSS ต่อไปนี้ - input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } ด้านบนแสดงโดยไม่มีสปินเนอร์ หากต้องการแสดงและจัดรูปแบบสปินเนอร์ ให้ใช้ input[type=number]::-webkit-inner-spin-button { opacity: 1; } ผลล
โทรศัพท์เคลื่อนที่เกือบทุกรุ่นในปัจจุบันสนับสนุนโปรโตคอล tel:ซึ่งรวมถึง Safari บน iOS, เบราว์เซอร์ Android, เบราว์เซอร์ Symbian, Opera Mini เป็นต้น เพิ่มตามนี้ − if (/(HTC825)/i.test(navigator.userAgent)){ $("a[href^='tel:']").each(function(){ this
ใช้ช่วง ช่วงเวลา วัตถุใน HTML เพื่อกำหนดชุดของช่วงเวลาที่ไม่ทับซ้อนกัน คุณยังสามารถตั้งเวลาเริ่มต้นและหยุดได้ คุณสมบัติดังต่อไปนี้ − ความยาว − ความยาวของช่วงเวลา start(index) − เวลาเริ่มต้น หน่วยเป็นวินาที สิ้นสุด(ดัชนี) − เวลาสิ้นสุด หน่วยเป็นวินาที นี่คือข้อมูลโค้ดที่แสดงบัฟเฟอร์ - // displays
iFrames ถูกแทนที่องค์ประกอบและถือว่าแตกต่างจากองค์ประกอบที่ไม่ได้ถูกแทนที่ องค์ประกอบเป็นองค์ประกอบที่ไม่สามารถแทนที่ได้ เพื่อให้ได้ผลลัพธ์ที่เหมือนกัน เช่น การตั้งค่าทั้งซ้าย/ขวาหรือบน/ล่างใน iframe ให้ใช้ div เป็น wrapper ที่มีตำแหน่งที่แน่นอน บน ซ้าย ขวา ล่าง วาง iframe ของคุณด้วย − width:100%
ในการจัดการเหตุการณ์ mousedown และ mouseup ด้วย HTML5 Canvas var mouseDown = false; // for mousedown canvas1.onmousedown = function(event){ dragOffset.x = event.x - mainLayer.trans.x; dragOffset.y = event.y - mainLayer.trans.y; mouseDown = true; } // for mous
เพื่อให้ได้ความสูงของข้อความ ให้ตั้งค่าแบบอักษรเป็น pt - context.font="15pt Calibri"; ตอนนี้ได้ส่วนสูงดังนี้ − var height = parseInt(context.font.match(/\d+/), 10); ด้านบนเราใช้การจับคู่เพื่อแยกขนาดแบบอักษรออกจากแบบอักษร
เพื่อแสดงความแม่นยำของตำแหน่งทางภูมิศาสตร์ HTML5 บน Google Map ให้ใช้รหัสต่อไปนี้ - var lat = position.coords.latitude; var longitude = position.coords.longitude; var accuracy = position.coords.accuracy; var center = new google.maps.LatLng(lat, longitude); var a = new google.maps.Marker({ &n
ไฟล์ HTML5 วิธี Blob.slice() มีประโยชน์สำหรับการสร้างวัตถุ Blob ที่มีข้อมูล ข้อมูลนี้อยู่ในช่วงไบต์ที่ระบุของ Blob ต้นทาง ให้เราดูตัวอย่างการส่งและรับข้อมูลไบนารีโดยใช้ slice() ตัวอย่างนี้ส่งข้อความและใช้วิธี POST เพื่อส่ง ไฟล์ ไปยังเซิร์ฟเวอร์ - var val = new XMLHttpRequest(); val.open("POST&q
ในการสร้างทรงกลม 3 มิติ ให้ใช้ผ้าใบ HTML5 คุณสามารถใช้ฟังก์ชันต่อไปนี้ในโค้ดของคุณ: function display(r) { this.point = new Array(); this.color = "blue)" this.r = (typeof(r) == "undefined") ? 20.0 : r; this.r = (typeof(r) != &quo
เพื่อให้ใช้งานได้ ดาวน์โหลดปลั๊กอิน bxslider จากเว็บไซต์ทางการ รับโฟลเดอร์รูปภาพจาก bxslider zip ที่ดาวน์โหลดมา และคุณต้องวางลงในโฟลเดอร์ js ของโปรเจ็กต์ของคุณ ตอนนี้โฟลเดอร์ทั้งหมดจะมีลักษณะดังนี้ - <link rel = "stylesheet" href = "js/jquery.bxslider.css"> <script src =