推薦：推薦:ASP初學者常用源代碼總結(jié)篇1.獲得系統(tǒng)時間： <%=now()%> 2.取得來訪用的IP： <%=request.serverVariables("remote_host")%> 3.獲得系統(tǒng),瀏覽器版本： <script>
訪客計數(shù)器作為網(wǎng)站不可缺少的部分，不僅可以記錄網(wǎng)站被訪問的次數(shù)，而且可以通過生動有趣的設(shè)計來加強網(wǎng)頁的趣味性和可觀賞性，使訪客計數(shù)器成為網(wǎng)頁上
的一個風景。下面介紹兩種輕松設(shè)計趣味訪客計數(shù)器的方法，希望對大家有所幫助。
一、素材準備
趣味訪客計數(shù)器是將計數(shù)器的設(shè)計與趣味性的顯示效果結(jié)合在一起，十種不同風格的計數(shù)器隨機出現(xiàn)在網(wǎng)頁上，為相對靜止和嚴肅的網(wǎng)頁增加一些動態(tài)的效果和趣
味。第一次訪問時，計數(shù)器顯示的可能是紅色的靜態(tài)數(shù)字，第二次訪問時，計數(shù)器可能變成了不斷翻轉(zhuǎn)的動畫形式，第三次訪問時，計數(shù)器可能又變成了由虛到實
的虛幻變化形式。為了實現(xiàn)這種效果，首先需要準備一些基本素材，即十種顯示類型的數(shù)字圖像文件?？梢杂脠D形編輯工具（如Photoshop、Animator等）根據(jù)自己
的想象制作，也可以直接從網(wǎng)上圖片庫下載，然后將這些數(shù)字圖像以00.gif ...09.gif...90.gif...99.gif的形式存放在一個可讀取的目錄中，在下面的例子中這
些圖像文件存放在“http://localhost/images”中。這里gif文件命名的原則是：第1位數(shù)字代表顯示類型，第2位數(shù)字代表數(shù)字值，如00.gif代表0型數(shù)字0的gif文
件，09.gif代表0型數(shù)字9的gif文件。
二、設(shè)計方法之一：利用JavaScript制作趣味計數(shù)器
1.設(shè)計思想：
該方法的關(guān)鍵是Cookie技術(shù)和動態(tài)圖像特性的綜合運用。使用Cookie，可以在用戶端的硬盤上記錄用戶的數(shù)據(jù)，下次訪問此站點時，即可讀取用戶端硬盤的
Cookie，直接得知來訪者的身份和訪問次數(shù)等有關(guān)信息。JavaScript中通過document.cookie屬性訪問Cookie，這個屬性包括名字、失效日期、有效域名、有效
URL路徑等。用等號分開的名字和其值是Cookie的實際數(shù)據(jù)，本例中用來存儲該訪問者訪問該頁面的次數(shù)。通過把Web頁中的圖像映射到一個images數(shù)組，一定條件
下修改該數(shù)組項的特性，可以實現(xiàn)動態(tài)圖像顯示。本例中，首先預載入一組圖像，每次調(diào)用該Web頁時，隨機產(chǎn)生新的一組圖像，通過覆蓋原圖像實現(xiàn)動態(tài)的趣味性效果。
2．源程序count.html：
| 以下為引用的內(nèi)容：
＜ html ＞
＜ head ＞
＜ meta http-equiv="Content-Type"
content="text/html; charset=gb2312" ＞
＜ title ＞趣味計數(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){
//若是該訪客的第一次訪問，
將計數(shù)器值賦1，否則加1累積
var wwhcount=getcookie('wwhcount');
if (wwhcount==null){
wwhcount=1;
}
else{wwhcount ;}
setcookie('wwhcount',wwhcount,exp);
return countdisp(wwhcount)
} function countdisp(countvar){
//實現(xiàn)隨機顯示，不足6位以0補全，
可以自己調(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){
//存儲該訪客計數(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 ＞
＜ ! --預載入圖像數(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ù)，
實現(xiàn)計數(shù)器的動態(tài)圖像顯示
count();
＜ /script ＞
＜ /body ＞
＜ /html ＞ |
分享：ASP編程中15個非常有用的例子1.如何用Asp判斷你的網(wǎng)站的虛擬物理路徑答：使用Mappath方法 以下為引用的內(nèi)容： <p align="center"><font size="4
