تصف هذه المقالة طريقة 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 ؛ خط الوزن: جريئة
}
أ {
اللون: #ff0000 ؛ تخلص النص: لا شيء
}
ج: تحوم {
اللون: تخلص النص: تسطير
}
</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 = Array ()
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) {
الحدود ()
}
}
وظيفة الحدود () {
if (i_bordercolor> = textColor.length-1) {v_bordercolor*=-1}
if (i_bordercolor <= 0) {v_bordercolor*=-1}
if (i_bordercolordark> = textColor.length-1) {v_bordercolordark*=-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 timer = setTimeout ("BorderColor ()" ، 100)
}
</script>
<meta content = "Microsoft Frontpage 4.0" name = generator> </head>
<body background = "" bgColor =#ffffff onload = checkbrowser ()>
<p align = center>
<table border = 0 cellpadding = 6 id = cellone width = 540>
<tbody>
<tr>
<td align = middle class = cellstyle>
<font color = "#800000"> // www.vevb.com </font>
</r> </tbody>
</table>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.