บทความนี้อธิบายวิธีการของ JS เพื่อเพิ่มและลดตารางเว็บโดยอัตโนมัติ แบ่งปันสำหรับการอ้างอิงของคุณ การวิเคราะห์เฉพาะมีดังนี้:
นี่คือรหัสเอฟเฟกต์ตารางไดนามิกส่วนบุคคล ตารางบนหน้าเว็บจะขยายหรือลดลงโดยอัตโนมัติและเปลี่ยนแปลงอยู่ตลอดเวลา
ส่วนใหญ่เน้นบทบาทของการแสดงผล
คัดลอกรหัสดังนี้: <html>
<head>
<title> JS Moving Table </title>
<meta content = "text/html; charset = hz-gb-2312" http-equiv = content-type>
<style> .CellStyle {
สี: #ffffff; Font-Family: Times; ขนาดตัวอักษร: 11pt; Font-Weight: ตัวหนา
-
A {
สี: #FF0000; การตกแต่งข้อความ: ไม่มี
-
A: โฮเวอร์ {
สี: การตกแต่งข้อความ: ขีดเส้นใต้
-
</style>
<ภาษาสคริปต์ = JavaScript>
var i_borderColor = 0
var i_borderColorLight = 10
var i_borderColordark = 20
var v_borderColor = 1
var v_borderColorLight = 1
var v_borderColordark = 1
var textColor = อาร์เรย์ใหม่ ()
TextColor [0] = "fffff"
TextColor [1] = "FFF8F8"
TextColor [2] = "FFF0F0"
TextColor [3] = "FFD8D8"
TextColor [4] = "FFD0D0"
TextColor [5] = "FFC8C8"
TextColor [6] = "FFC0C0"
TextColor [7] = "FFB8B8"
TextColor [8] = "FFB0B0"
TextColor [9] = "FFA8A8"
TextColor [10] = "FFA0A0"
TextColor [11] = "FF9898"
TextColor [12] = "FF9090"
TextColor [13] = "FF8888"
TextColor [14] = "FF8080"
TextColor [15] = "FF7878"
TextColor [16] = "FF7070"
TextColor [17] = "FF6868"
TextColor [18] = "FF6060"
TextColor [19] = "FF5858"
TextColor [20] = "FF5050"
TextColor [21] = "FF4848"
TextColor [22] = "FF4040"
TextColor [23] = "FF3838"
TextColor [24] = "FF3030"
TextColor [25] = "FF2828"
TextColor [26] = "FF2020"
TextColor [27] = "FF1818"
TextColor [28] = "FF1010"
TextColor [29] = "FF0808"
TextColor [30] = "FF0000"
ฟังก์ชั่น CheckBrowser () {
if (document.layers) {
การแจ้งเตือน ("สคริปต์นี้ต้องใช้ Internet Explorer 4 หรือสูงกว่าผู้ที่ขอโทษ!")
-
if (document.all) {
Bordercolor ()
-
-
ฟังก์ชั่น BorderColor () {
if (i_borderColor> = textColor.Length-1) {v_borderColor*=-1}
if (i_borderColor <= 0) {v_borderColor*=-1}
if (i_borderColordark> = textColor.Length-1) {V_BORNERCOLORDARK*=-1}
if (i_borderColordark <= 0) {v_borderColordark*=-1}
if (i_borderColorLight> = textColor.Length-1) {v_borderColorLight*=-1}
if (i_borderColorLight <= 0) {v_borderColorLight*=-1}
document.all.cellone.borderColor = textColor [i_BorderColor]
document.all.cellone.borderColordark = textColor [I_BORDERCOLORDARK]
document.all.cellone.borderColorLight = textColor [i_BorderColorLight]
document.all.cellone.border = i_borderColorLight*2
i_borderColor+= v_borderColor
i_borderColordark+= v_borderColordark
i_borderColorLight+= v_borderColorLight
ตัวจับเวลา var = settimeout ("BorderColor ()", 100)
-
</script>
<meta content = "Microsoft FrontPage 4.0" ชื่อ = ตัวสร้าง> </head>
<body background = "" bgcolor =#ffffff onload = checkBrowser ()>>
<p allign = center>
<table border = 0 cellpadding = 6 id = ความกว้างของเซลล์ = 540>
<tbody>
<tr>
<td align = middle class = cellStyle>
<font color = "#800000"> // www.vevb.com </font>
</tr> </tbody>
</table>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน