|
动态HTML(DHTML，Dynamic Hyper Text Markup Language)作为浏览器自带的功能，实际上只是一种概念，并不属于一种专门的技术，不过我们更热衷于将其看作一种网页创作技巧。且看DHTML如何在小小状态栏上尽展身手，从中DHTML之精彩可窥一斑。<BR><BR><FONT color=#000066><B>一、跑马灯效果</B></FONT><BR>在状态栏可实现多种跑马灯效果，但一般均为比较单调的从左往右或从右往左等滚动效果。而只须将下面代码粘贴于<head>和</head>之间，既能实现字母(或文字)一个接一个地从右边飞向左边的动态效果。可以任意替换代码中的msgBan5中的字符串。<BR><script Language="javascript"><BR><!--<BR>var msgBan5, msgBan5b, chaine5 = "", chainePart5, delaiBan5, ban5;<BR>msgBan5='http://loveme99.yeah.net';<BR>banniere5(20);<BR>function banniere5(delai) {<BR>delaiBan5 = delai;<BR>if (chaine5.length == 0) {<BR>chaine5 = " ";<BR>msgBan5b = msgBan5;<BR>chainePart5 = "";<BR>}<BR>else if (chaine5.length == 1) {<BR>while (msgBan5b.substring(0, 1) == " ") {<BR>chainePart5 = chainePart5 + chaine5;<BR>chaine5 = msgBan5b.substring(0, 1);<BR>msgBan5b = msgBan5b.substring(1, msgBan5b.length);<BR>}<BR>chainePart5 = chainePart5 + chaine5;<BR>chaine5 = msgBan5b.substring(0, 1);<BR>msgBan5b = msgBan5b.substring(1, msgBan5b.length);<BR>for (var i = 0; i < 120; i=i+2)<BR>chaine5 = " " + chaine5;<BR>}<BR>else chaine5 = chaine5.substring(10, chaine5.length);<BR>window.status = chainePart5 + chaine5;<BR>ban5 = window.setTimeout('banniere5(delaiBan5)',delai);<BR>}<BR>--><BR></script><BR><BR><FONT color=#000066><B>二、实时时间</B></FONT><BR>实时时间(包括具体日期)可以以文本框方式出现在网页中，也可以出现在状态栏上，但出现在状态栏上一般只能为难懂的英文格式，如下面的代码一显示格式为"Web Jun 9 13:47:43 UTC+0800 1999"。本人经过探索，可实现中文显示，只须将下面的代码二粘贴于<head>和</head>之间，然后将<body>改为<BODY onLoad="startclock()">即可。<BR><!--Begin代码一--><BR><HTML><HEAD><TITLE></TITLE><BR><script language="javascript"><BR><!--<BR>function doClock()<BR>{<BR>window.setTimeout("doClock()",1000);<BR>today=new Date();<BR>self.status=today.toString();<BR>}<BR>--><BR></script><BR></HEAD><BR><BODY onload="doClock()"></BODY></HTML><BR><!--End代码一--><BR><!--Begin代码二--><BR><SCRIPT LANGUAGE=javascript><BR><!--<BR>var timerID = null;<BR>var timerRunning = false;<BR>chin=new Array("日","一","二","三","四","五","六")<BR>function stopclock (){<BR>if(timerRunning)<BR>clearTimeout(timerID);<BR>timerRunning = false;<BR>}<BR>function showtime () {<BR>var now = new Date();<BR>var hours = now.getHours();<BR>var minutes = now.getMinutes();<BR>var seconds = now.getSeconds()<BR>var day=now.getDay()<BR>var date=now.getDate()<BR>var month=now.getMonth()<BR>var year=now.getYear()<BR>var second=now.getSeconds()<BR>var riqi=(month+1)+"月"+date+"日"<BR>var xingqi="星期"+chin[day]<BR>var nian=(year)+"年"<BR>var timeValue = "" <BR>timeValue +="现在时间是："<BR>timeValue +=nian<BR>timeValue +=" "<BR>timeValue +=riqi+" "<BR>timeValue +=" "<BR>timeValue += (hours >= 12) ? "下午" : "上午"<BR>timeValue +=" "<BR>timeValue +=((hours >12) ? hours -12 :hours)<BR>timeValue += ((minutes < 10) ? ":0" : ":") + minutes<BR>timeValue += ((seconds < 10) ? ":0" : ":") + seconds<BR>timeValue +=" "<BR>timeValue +=xingqi+" "<BR>window.status = timeValue;<BR>timerID = setTimeout("showtime()",1000);<BR>timerRunning = true;<BR>}<BR>function startclock () {<BR>stopclock();<BR>showtime();<BR>}<BR>--><BR></SCRIPT><BR><!--End代码二--><BR><BR><FONT color=#000066><B>三、来访次数统计</B></FONT><BR>将以下代码粘贴于<head>和</head>之间，用于在状态栏显示来访者是第几次来访。如果将以下代码与上面的“跑马灯效果”代码结合起来，使之动态化，是不是可以带给来访者一些惊喜呢？将下面代码最后一句"window.status=string;"删掉，其后粘贴“跑马灯效果”代码的主体部分(即"<!--"和"-->"之间的代码)，再将msgBan5字符串内容换成string,即将“msgBan5='http://loveme99.yeah.net';”换成“msgBan5=string;”,即可。<BR><script language="javascript"> <BR><!--<BR>var caution=false<BR>var string=""<BR>function setCookie(name,value,expires,path,domain,secure)<BR>{<BR>var <BR>curCookie=name+"="+escape(value)+((expires)?";expires="+expires.toGMTString():"")+((path)?";domain="+domain:"")+((secure)?";secure":"")<BR>if(!caution(name+"="+escape(value)).length<=4000)<BR>documents.cookie=curCookie<BR>else<BR>if(confirm("小甜饼文件过大，删除？"))<BR>documents.cookie=curCookie<BR>}<BR>function getCookie(name)<BR>{<BR>var prefix=name+"="<BR>var cookieStartIndex=documents.cookie.indexOf(prefix)<BR>if(cookieStartIndex==-1)<BR>return null<BR>var cookieEndIndex=documents.cookie.indexOf(";",cookieStartIndex+prefix.length)<BR>if(cookieEndIndex==-1)<BR>cookieEndIndex=documents.cookie.length<BR>return <BR>unescape(documents.cookie.substring cookieStartIndex+prefix.length,cookieEndIndex))<BR>}<BR>function deleteCookie(name,path,domain)<BR>{<BR>if(getCookie(name))<BR>{<BR>documents.cookie=name+"="+((path)?";path="+path:"")+(domain)?";domain="+domain:"")+";expires=Thu,01-Jan-70 00:00:01 GMT"<BR>}<BR>}<BR>function fixDate(date)<BR>{<BR>var base=new Date(0)<BR>var skew=base.getTime()<BR>if(skew>0)<BR>date.setTime(date.getTime()-skew)<BR>}<BR>var now=new Date()<BR>fixDate(now)<BR>now.setTime(now.getTime()+365*24*60*60*1000)<BR>var visits=getCookie("counter")<BR>if(!visits)<BR>visits=1<BR>else<BR>visits=parseInt(visits)+1<BR>setCookie("counter",visits,now)<BR>string+="欢迎您第"+visits+"次访问本主页。"<BR>window.status=string;<BR>//--><BR></script><BR><BR>如今在因特网上炙手可热的DHTML，越来越亲近我们。只要我们不懈努力，必能尽情领略其壮丽风景。
（出处：http://down.vipcn.com/）
|
精品推荐