推薦:推薦:ASP初學(xué)者常用源代碼總結(jié)篇1.獲得系統(tǒng)時(shí)間: <%=now()%> 2.取得來訪用的IP: <%=request.serverVariables("remote_host")%> 3.獲得系統(tǒng),瀏覽器版本: <script>
訪客計(jì)數(shù)器作為網(wǎng)站不可缺少的部分,不僅可以記錄網(wǎng)站被訪問的次數(shù),而且可以通過生動有趣的設(shè)計(jì)來加強(qiáng)網(wǎng)頁的趣味性和可觀賞性,使訪客計(jì)數(shù)器成為網(wǎng)頁上
的一個(gè)風(fēng)景。下面介紹兩種輕松設(shè)計(jì)趣味訪客計(jì)數(shù)器的方法,希望對大家有所幫助。
一、素材準(zhǔn)備
趣味訪客計(jì)數(shù)器是將計(jì)數(shù)器的設(shè)計(jì)與趣味性的顯示效果結(jié)合在一起,十種不同風(fēng)格的計(jì)數(shù)器隨機(jī)出現(xiàn)在網(wǎng)頁上,為相對靜止和嚴(yán)肅的網(wǎng)頁增加一些動態(tài)的效果和趣
味。第一次訪問時(shí),計(jì)數(shù)器顯示的可能是紅色的靜態(tài)數(shù)字,第二次訪問時(shí),計(jì)數(shù)器可能變成了不斷翻轉(zhuǎn)的動畫形式,第三次訪問時(shí),計(jì)數(shù)器可能又變成了由虛到實(shí)
的虛幻變化形式。為了實(shí)現(xiàn)這種效果,首先需要準(zhǔn)備一些基本素材,即十種顯示類型的數(shù)字圖像文件。可以用圖形編輯工具(如Photoshop、Animator等)根據(jù)自己
的想象制作,也可以直接從網(wǎng)上圖片庫下載,然后將這些數(shù)字圖像以00.gif ...09.gif...90.gif...99.gif的形式存放在一個(gè)可讀取的目錄中,在下面的例子中這
些圖像文件存放在“http://localhost/images”中。這里gif文件命名的原則是:第1位數(shù)字代表顯示類型,第2位數(shù)字代表數(shù)字值,如00.gif代表0型數(shù)字0的gif文
件,09.gif代表0型數(shù)字9的gif文件。
二、設(shè)計(jì)方法之一:利用JavaScript制作趣味計(jì)數(shù)器
1.設(shè)計(jì)思想:
該方法的關(guān)鍵是Cookie技術(shù)和動態(tài)圖像特性的綜合運(yùn)用。使用Cookie,可以在用戶端的硬盤上記錄用戶的數(shù)據(jù),下次訪問此站點(diǎn)時(shí),即可讀取用戶端硬盤的
Cookie,直接得知來訪者的身份和訪問次數(shù)等有關(guān)信息。JavaScript中通過document.cookie屬性訪問Cookie,這個(gè)屬性包括名字、失效日期、有效域名、有效
URL路徑等。用等號分開的名字和其值是Cookie的實(shí)際數(shù)據(jù),本例中用來存儲該訪問者訪問該頁面的次數(shù)。通過把Web頁中的圖像映射到一個(gè)images數(shù)組,一定條件
下修改該數(shù)組項(xiàng)的特性,可以實(shí)現(xiàn)動態(tài)圖像顯示。本例中,首先預(yù)載入一組圖像,每次調(diào)用該Web頁時(shí),隨機(jī)產(chǎn)生新的一組圖像,通過覆蓋原圖像實(shí)現(xiàn)動態(tài)的趣味性效果。
2.源程序count.html:
以下為引用的內(nèi)容: < html > < head > < meta http-equiv="Content-Type" content="text/html; charset=gb2312" > < title >趣味計(jì)數(shù)器< /title > < /head > < body > < p >< script language="JavaScript" > var expdays=60; var exp=new Date(); exp.setTime(exp.getTime() (expdays*24*60*60*1000)); function count(info){ //若是該訪客的第一次訪問, 將計(jì)數(shù)器值賦1,否則加1累積 var wwhcount=getcookie('wwhcount'); if (wwhcount==null){ wwhcount=1; } else{wwhcount ;} setcookie('wwhcount',wwhcount,exp); return countdisp(wwhcount) } function countdisp(countvar){ //實(shí)現(xiàn)隨機(jī)顯示,不足6位以0補(bǔ)全, 可以自己調(diào)整顯示位數(shù) var countvar1="000000" countvar; var howFar1=countvar1.length; countvar1=countvar1.substring(howFar1, howFar1-1) var index="" Math.floor(Math.random()*10); if (index=="10"){ index="0"}; for (var icount=0;icount< 6;icount ){ var g=countvar1.substring(icount,icount 1); document.images[icount].src=http://www.yule21.com/info/"http: //localhost/images/" index g ".gif"; } } function getCookieVal(offset){ //獲取該訪問者的已訪問次數(shù) var endstr=document.cookie.indexOf(";",offset); if (endstr==-1) endstr=document.cookie.length; return unescape(document.cookie.substring(offset,endstr)); } function getcookie(name){ //截取Cookie中的name信息段 var arg=name "="; var alen=arg.length; var clen=document.cookie.length; var i=0; while (i< clen){ var j=i alen; if (document.cookie.substring(i,j)==arg) return getCookieVal(j); i=document.cookie.indexOf(" ",i) 1; if (i==0) break;} return null; } function setcookie(name,value){ //存儲該訪客計(jì)數(shù)器的數(shù)值 var argv=setcookie.arguments; var argc=setcookie.arguments.length; var expires=(argc >2)?argv[2]:null; var path=(argc >3)?argv[3]:null; var domain=(argc >4)?argv[4]:null; var secure=(argc>5)?argv[5]:false; document.cookie=name "=" escape(value) ((expires==null)?"":(";expires=" expires.toGMTString())) ((path==null)?"":(";path=" path)) ((domain==null)?" ":(";domain=" domain)) ((secure==true)?";secure":""); } function deletecookie(name){ //使該信息行失效, 刪除該用戶關(guān)于訪問次數(shù)的信息 var exp=new Date(); exp.setTime(exp.getTime()-1); var cval=getcookie(name); document.cookie=name "=" cval " ;expires=" exp.toGMTString(); } < /script >< /p > < ! --預(yù)載入圖像數(shù)組-- > 您是第 < img src=/uploads/allimg/080822/0957231.gif" height=20 width=20 > < img src=/uploads/allimg/080822/0957231.gif" height=20 width=20 > < img src=/uploads/allimg/080822/0957231.gif" height=20 width=20 > < img src=/uploads/allimg/080822/0957231.gif" height=20 width=20 > < I mg src=/uploads/allimg/080822/0957231.gif" height=20 width=20 > < img src=/uploads/allimg/080822/0957231.gif" height=20 width=20 >次光臨! < script language="JavaScript" > //調(diào)用count()函數(shù), 實(shí)現(xiàn)計(jì)數(shù)器的動態(tài)圖像顯示 count(); < /script > < /body > < /html > |
分享:ASP編程中15個(gè)非常有用的例子1.如何用Asp判斷你的網(wǎng)站的虛擬物理路徑答:使用Mappath方法 以下為引用的內(nèi)容: <p align="center"><font size="4