หน้าแรก
หน้าแรก
เฟรมเซ็ต คุณลักษณะที่เลิกใช้แล้วใน HTML แต่คุณยังสามารถใช้งานได้ ตอนนี้เอกสารหลักระดับบนสุดใช้ ตัวอย่าง XHTML และเฟรมใช้ HTML5 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html> <h
หากต้องการดูระยะเวลาของวิดีโอ ให้ค้นหาแอตทริบิวต์ readyState มีชุดข้อมูลตั้งแต่ 0 ถึง 4 เมื่อโหลดข้อมูลเมตาแล้ว ค่าที่คุณจะได้รับคือ 1 ดังนั้น คุณต้องทำบางอย่างเช่น − window.setInterval(function(tm) { // Using readyState attriute if (video.readyState > 0) {
ตัวเลือกลูกสุดท้ายใช้สำหรับเลือกองค์ประกอบลูกสุดท้ายของพาเรนต์ ไม่สามารถใช้เพื่อเลือกองค์ประกอบย่อยสุดท้ายที่มีคลาสเฉพาะภายใต้องค์ประกอบหลักที่กำหนดได้ จัดรูปแบบองค์ประกอบ li ลูกสุดท้ายด้วยสีพื้นหลัง − li:last-child{ background-color: blue; } มันสร้างปัญหาหากองค์ประกอบนั้นไม่ใช่องค์ประ
ในการตั้งค่าสามเหลี่ยมที่กึ่งกลางและที่ด้านล่างของ div ให้ใช้สิ่งต่อไปนี้ คุณต้องตั้งค่าให้เหลือ 50% - .demo: after { position: absolute; border-top: solid 50px #e15915; border-left: solid 50px transparent; border-right: solid 50px transparent; &nb
เนื้อหา DIV สามารถบันทึกเป็นรูปภาพได้โดยใช้ฟังก์ชัน html2canvas() ใน JavaScript แท็ก DIV กำหนดส่วนในเอกสาร HTML ตัวอย่าง <div id = ”cpimg” style = ”padding: 25px ; ” > <h4>Welcome</h4> </div> แสดงพื้นที่แบ่งชื่อ cpimg
จัดตำแหน่งรายการด้วยความช่วยเหลือของ flex Flex จะทำให้คอลัมน์มีความยืดหยุ่นตามเนื้อหา Wrapper จะจัดวางคอลัมน์ในแถว .wrap{ display : flex }// This will help wrapper to become flexible .wrap.col{ flex: 1 0 33%; } Flex เป็นคุณสมบัติที่ช่วยในการทำให้องค์ประกอบมีความยืดหยุ่น ใช
รูปแบบวันที่-เวลาสามารถเปลี่ยนแปลงได้โดยใช้องค์ประกอบ HTML5 ที่กำหนดเอง หากเราต้องการเปลี่ยนหรือแทนที่แท็ก Html ที่มีอยู่ เราก็สามารถทำได้ด้วยความช่วยเหลือของ Shadow DOM เราสามารถสร้างแท็กที่ปรับแต่งได้เช่น − <date-timeformatchange ></ date-timeformatchange> นี่คือตัวอย่าง − <date-ti
การไล่ระดับสี JSradial พร้อมเมทริกซ์ถูกสร้างขึ้นด้วยวิธีต่อไปนี้ คุณสามารถลองใช้วิธีต่อไปนี้เพื่อสร้างการไล่ระดับสี JS Radial ด้วยเมทริกซ์ - var canvas1 = document.getElementById("canvas"); //canvas1 variable to identify given canvas var ctx1 = canvas.getContext("2d"); //This is
หากต้องการทริกเกอร์เหตุการณ์ของเมาส์ เราสามารถเพิ่ม − -webkit-transform: translate3d(0, 0, 0) นอกจากผืนผ้าใบนี้แล้วยังสามารถจัดสไตล์ได้อีกด้วย อีกวิธีหนึ่งคือการเพิ่มผู้ฟังในเหตุการณ์ mousemove canvas.addEventListener("mousemove", this.checkMouseLocation.bind(this, this.inputs), false);
ในการอัปโหลดจากไดรฟ์ในเครื่องไปยังระบบไฟล์ในเครื่อง เราสามารถใช้ − แอตทริบิวต์ Webkitdirectory บน - สิ่งนี้ทำให้ผู้ใช้สามารถเลือกไดเร็กทอรีโดยใช้กล่องโต้ตอบที่เหมาะสม Filesystem API เป็นระบบไฟล์แบบแซนด์บ็อกซ์ ซึ่งช่วยให้เราจัดเก็บไฟล์ในเครื่องของไคลเอ็นต์ได้ File API ช่วยให้เราอ่านไฟล์ได้ ไฟล์สามา
คุณสมบัติ classList ส่งคืนชื่อคลาสขององค์ประกอบ เป็นอ็อบเจ็กต์ DOMTokenList คุณสมบัติ classList เป็นแบบอ่านอย่างเดียว อย่างไรก็ตาม คุณสามารถแก้ไขได้โดยใช้เมธอด add() และ remove() classListproperty ตรวจสอบให้แน่ใจว่าคลาสที่ซ้ำกันไม่ได้ถูกเพิ่มเข้าไปในองค์ประกอบโดยไม่จำเป็น เพื่อรักษาฟังก์ชันนี้ไว้ ห
วัตถุหลักให้การอ้างอิงไปยังหน้าต่างหลักจากลูก ต่อไปนี้เป็นรหัสหลัก คำสั่งด้านล่างทริกเกอร์ iFrame เพื่อส่งข้อความไปยังหน้าต่างหลักทุกๆ 3 วินาที ไม่ต้องการข้อความเริ่มต้นจากหน้าต่างหลัก! var a= window.addEventListener ? "addEventListener" : "attachEvent";// here a is the event me
ต่อไปนี้คือวิธีที่ถูกต้อง - <input name = "your_name" value = "your_value" type = "checkbox"> ตัวอย่าง นี่คือตัวอย่าง − <!DOCTYPE html> <html> <head> <title>Checkbox Control</title> <
คุณสมบัติ flex เป็นชวเลขสำหรับคุณสมบัติ flex-grow, flex-shrink และ flex-basis คุณสมบัติ flex กำหนดความยาวที่ยืดหยุ่นได้สำหรับสินค้าที่ยืดหยุ่นได้ ตัวอย่างเช่น − #container article { -webkit-flex: 1 1 auto; overflow-y: auto; height: 0px; /*here the height is se
หากต้องการล้างแผนภูมิออกจากแคนวาส ให้ลบองค์ประกอบ แล้วผนวกองค์ประกอบ ใหม่เข้ากับคอนเทนเนอร์หลักตามโค้ดที่ให้ไว้ด้านล่าง - var resetCanvas = function(){ $('#results-graph').remove(); $('#graph-container').append('<canvas id = "results-gra
ในตัวอย่างด้านล่าง เราได้กำหนดความกว้างและความสูงของตารางเป็นอันดับแรก จากนั้นเรากำลังกำหนดขนาดของผืนผ้าใบและวาดเส้นคาดเป็นผืนผ้าใบ //we are setting the grid width and height var grid_w = 200; var grid_h = 200; //we are setting padding around grid var gridp = 15; //we are defining size of canvas b
ใช้ HTML กับ JavaScript เพื่อเพิ่มเพลย์ลิสต์ เปิดแล้ว เหตุการณ์จะเริ่มขึ้นเมื่อเสียง/วิดีโอสิ้นสุดลง คุณสามารถเพิ่มข้อความเช่น ขอบคุณสำหรับการรับชม, คอยติดตาม! ฯลฯ ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน onend แอตทริบิวต์ − <!DOCTYPE HTML> <html> <body>
ในการแปลงวิดีโอเป็น ogg หรือ mpg4 คุณต้องใช้ซอฟต์แวร์ของบริษัทอื่น เช่น โปรแกรมเล่นและแปลงวิดีโอ HTML5 ฟรี หลังจากนั้น ให้เปิดและเลือกไฟล์วิดีโอที่ป้อน เพิ่มไฟล์ในรูปแบบใดรูปแบบหนึ่งต่อไปนี้ - *.avi; *.ivf; *.div; *.divx; *.mpg; *.mpeg; *.mpe; *.mp4; *.m4v; *.webm; *.wmv; *.asf; *.mov; *.qt; *.mts;
เพิ่มปุ่มเพื่อเล่นหรือหยุดวิดีโอชั่วคราว จากนั้นเราได้จัดรูปแบบวิดีโอให้มีความสูงและความกว้างร้อยเปอร์เซ็นต์เพื่อให้ครอบคลุมพื้นหลังทั้งหมด ต่อไปนี้เป็นข้อมูลโค้ดสำหรับตั้งค่าวิดีโอเป็นพื้นหลังของไซต์ใน HTML5 <video autoplay muted loop id = "myVideo"> <source src = &
Web Audio API ใช้เพื่อควบคุมเสียง ซึ่งช่วยให้คุณสามารถเลือกแหล่งที่มาของเสียงได้ คุณยังสามารถเพิ่มเอฟเฟกต์ สร้างภาพและเสียง การแพนกล้อง ฯลฯ ตัวอย่าง คุณสามารถลองเรียกใช้ข้อมูลโค้ดต่อไปนี้เพื่อสร้างเสียง - // use one context per document. Here we are creating one context for one document. You can cre