หน้าแรก
หน้าแรก
ต่อไปนี้เป็นรหัสสำหรับสร้างการซูมภาพ: ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> * {box-sizing: border-box;} .img{ display: inli
ต่อไปนี้คือโค้ดสำหรับคัดลอกข้อความไปยังคลิปบอร์ดด้วย JavaScript - ตัวอย่าง <!DOCTYPE html> <html> <head> <style> button { border: none; outline: none; background-color: rgb(191, 187, 255); color: black; font-wei
ต่อไปนี้คือโค้ดสำหรับสร้างช่องค้นหาแบบเต็มหน้าจอด้วย CSS และ JavaScript - ตัวอย่าง <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/fontawesome.min.css"> <style> body { &n
ความรู้เกี่ยวกับขั้นตอน ความรู้เกี่ยวกับขั้นตอนหรือความจำเป็นจะชี้แจงวิธีปฏิบัติงานบางอย่าง มันวางขั้นตอนในการดำเนินการ ตัวอย่างเช่น - วิธีคัดลอกอาร์เรย์โดยใช้จาวาสคริปต์ตามขั้นตอน ตัวอย่าง var a=[1, 2, 3, 4, 5]; var b=[]; for(var i=0;i < a.length;i++) { b.push(a[i]); } console.log(
ต่อไปนี้คือรหัสเพื่อปรับขนาดแถบนำทางเมื่อเลื่อนโดยใช้ CSS และ JavaScript - ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl
ต่อไปนี้คือโค้ดสำหรับสร้าง navbar แบบติดหนึบโดยใช้ css และ javascript - ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
ต่อไปนี้คือโค้ดสำหรับสร้างเมนูแบบเลื่อนลงที่คลิกได้โดยใช้ CSS และ JavaScript - ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> .menu-btn { background-color: #7e32d4; &
รหัสจะต้องไม่ซ้ำกันในเอกสาร - var option_avail = $('input[name=option_avail]:checked', '#controls').val() <label class="btn btn-primary active"> <input type="radio" class="form-control" name="option_avail" value="Opti
ต่อไปนี้เป็นรหัสสำหรับสร้างเมนูการนำทางด้านบนสำหรับขนาดหน้าจอของสมาร์ทโฟนและแท็บเล็ตโดยเฉพาะโดยใช้ CSS และ Javascript - ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-
ต่อไปนี้คือรหัสสำหรับสร้างเมนูการนำทางแบบม่านด้วย CSS และ JavaScript - ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>
ต่อไปนี้เป็นรหัสสำหรับสร้างเมนูแถบด้านข้างที่ยุบได้โดยใช้ CSS และ JavaScript - ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <
ต่อไปนี้เป็นรหัสสำหรับสร้างเมนูด้านข้างที่ยุบได้ - ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title&
ต่อไปนี้เป็นรหัสสำหรับสร้างภาพโมดอลที่ตอบสนองโดยใช้ CSS และ JavaScript - ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> *{ box-sizing: border-box; } h1{ te
ต่อไปนี้คือโค้ดสำหรับสร้างแกลเลอรีรูปภาพด้วย CSS และ JavaScript - ตัวอย่าง <!DOCTYPE html> <html> <head< <meta name="viewport" content="width=device-width, initial-scale=1" /< <style> * { box-sizing: border-box; } h1 { text-
ในการสร้างแท็บด้วย CSS และ JavaScript โค้ดจะเป็นดังนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>> .tab { overflow: hidden; border: 2px solid gray
ในการสร้างเมนูแท็บแนวตั้งด้วย CSS และ JavaScript โค้ดจะเป็นดังนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> * { box-sizing: border-box } .tab { floa
ในการสร้างส่วนหัวของแท็บด้วย CSS และ JavaScript โค้ดจะเป็นดังนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .tablink { background-color: black; color
หากต้องการเปลี่ยนแท็บบนโฮเวอร์ด้วย CSS และ JavaScript โค้ดจะเป็นดังนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> * {box-sizing: border-box} .tab { float: left; &
ต่อไปนี้คือรหัสสำหรับสร้างเมนูการนำทางที่ตอบสนองโดยมีแบบฟอร์มการเข้าสู่ระบบอยู่ภายใน - ตัวอย่าง <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Doc
ต่อไปนี้เป็นรหัสสำหรับสร้างเมนูการนำทางซ้อนทับแบบเต็มหน้าจอ - ตัวอย่าง <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Documen