Diễn Đàn Website

Posts

layout5 - Phương Anh

Untitled Document Tin tức online something i cant fucking read //code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns =" http://www.w3.org/1999/xhtml "> <head> <meta http-equiv =" Content-Type " content =" text/html; charset=utf-8 " /> <title> Untitled Document </title> <style> #cont{width:1280px; margin:auto} #header{height:70px;width:100%; background-color:teal; color:red; margin-bottom:5px;} .d{margin-bottom:5px;background-color:blue; color: yellow; height: 20px} #da1{float:left; width:50%} #da2{float:right; width:50%; text-align:right;} #k1{float:left; background-color:green;min-height: 300px; width:30%;} #k2{float:left;background-color:purple;min-height: 250px; width:50%; } #k3{float:left;background-color:brown;min-height: 50px; width:50%; } #k41{float:left; background-color:#C69;min-hei...

23/11/2021 LAYOUT 3

Untitled Document HEADER Main_1 Main_2 Main_3 FOOTER //code <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <script type="text/javascript" src="../jquery-3.6.0.js"></script> <style> #container{ width:990px} #header{ background-color:#CC9900; height:120px; margin-bottom:5px;} #main_1{ float:left; width:150px; min-height:300px; background-color:#999999;} #main_2{ float:left; width:630px; margin-left:5px; min-height:300px; background-color: #CCCC99;} #main_3{ float:left; width:200px; margin-left:5px; min-height:300px; background-color:#CCCC99;} #footer{ height:150px; background-color:#CCFFCC; clear:both;} </style> </head> <body> <div id="container"> <div id="header">HEADER</div> <div id="main"> <div id="main_1">Main_1</di...

23/11/2021 LAYOUT 2

Untitled Document HEAD LEFT RIGHT // <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <script type="text/javascript" src="../jquery-3.6.0.js"></script> <style> #container{ width:990px} #header {height:120px; background-color:#CC9900; margin-bottom:5px;} #left { width: 200px; float: left; background-color: #999999; min-height:300px;} #right { margin-left:205px; min-height:300px; background-color: #CCCC99;} </style> </head> <body> <div id="container"> <div id="header">HEAD</div> <div id="left">LEFT</div> <div id="right">RIGHT</div> </div> </body> </html>

23/11/2021 LAYOUT 1

Untitled Document LEFT RIGHT //code <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <script type="text/javascript" src="../jquery-3.6.0.js"></script> <style> #container{ width:960px} #left { width:180px; float:left; background-color:#999999; min-height:300px;} #right { background-color:#CCCC99; min-height:300px; float:left; margin-left:5px; width:775px;} </style> </head> <body> <div id="container"> <div id="left">LEFT</div> <div id="right">RIGHT</div> </div> </body> </html>

Thực hành JQUERY AJAX - layout a.html #2

Untitled Document Trang chủ Tin xã hội Giáo dục Thể thao Thơ hay Vi tính //code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style> body { text-align:left} </style> <link href="c1.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.js"></script> </head> <body> <div id="container"> <div id="header"></div> <div id="left"> <a href="layout_a.html">Trang chủ</a...

Thực hành JQUERY AJAX - Hàm load #1

Untitled Document Content for id "data" Goes Here //code <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"></meta> <title>Untitled Document</title> <style> #data { height:400px; width:99%; height: 100%; background-color:#99CCCC; border:double 2px #003333; padding-left:10px} </style> <script src="https://code.jquery.com/jquery-3.6.0.js" type="text/javascript"></script> </head> <body> <p> <input id="txn" name="txn" type="button" value="Tin xem nhieu" /> <input id="tnb" name="tnb" type="button" value="Tin noi bat" /> </p> <div id="data">Content for id "data" Goes Here</div> <script type="text/javascript"> $(document).ready...

THAM KHẢO JQUERY

THAM KHẢO JQUERY SELECTORS : Các cách chọn phần tử Chọn phần tử theo id $("#vn"). css("width","250px").css("border","solid 1px #FF9933"); Chọn phần tử theo tag $("body"). css("margin","20px"); Chọn theo class $(".mien"). hide().slideDown(2000); Chọn phần tử có thuộc tính chứa chữ… $("[href*='tintuc']"). css("font-size","28px").css("text-transform","uppercase"); $("[href*='dulich']"). css("font-style","italic"); Chọn phần tử mà thuộc tính chứa chữ … $("[href~='tuc']"). css("padding-left","50px"); Chọn phần tử có thuộc tính bắt đầu bằng … $("[href^='tin']"). css("color","#00CCFF"); Chọn phần tử có thuộc tính kết thúc bằng … $("[href$='/']"). css("background-color","#660033"); Chọn phần tử c...