麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 學院 > 開發設計 > 正文

趣味訪客計數器設計兩則

2019-11-18 22:12:28
字體:
來源:轉載
供稿:網友
訪客計數器作為網站不可缺少的部分,不僅可以記錄網站被訪問的次數,而且可
以通過生動有趣的設計來加強網頁的趣味性和可觀賞性,使訪客計數器成為網頁上的
一個風景。下面介紹兩種輕松設計趣味訪客計數器的方法,希望對大家有所幫助。

一、素材準備
---- 趣味訪客計數器是將計數器的設計與趣味性的顯示效果結合在一起,十種不同風
格的計數器隨機出現在網頁上,為相對靜止和嚴肅的網頁增加一些動態的效果和趣
味。第一次訪問時,計數器顯示的可能是紅色的靜態數字,第二次訪問時,計數器可
能變成了不斷翻轉的動畫形式,第三次訪問時,計數器可能又變成了由虛到實的虛幻
變化形式。為了實現這種效果,首先需要準備一些基本素材,即十種顯示類型的數字
圖像文件。可以用圖形編輯工具(如photoshop、Animator等)根據自己的想象制
作,也可以直接從網上圖片庫下載,然后將這些數字圖像以
00.gif ...09.gif...90.gif...99.gif的形式存放在一個可讀取的目錄中,在下面
的例子中這些圖像文件存放在“http://localhost/images”中。這里gif文件命名
的原則是:第1位數字代表顯示類型,第2位數字代表數字值,如00.gif代表0型數字0
的gif文件,09.gif代表0型數字9的gif文件。
二、設計方法之一:利用javaScript制作趣味計數器
---- 1.設計思想:
---- 該方法的關鍵是Cookie技術和動態圖像特性的綜合運用。使用Cookie,可以在
用戶端的硬盤上記錄用戶的數據,下次訪問此站點時,即可讀取用戶端硬盤的
Cookie,直接得知來訪者的身份和訪問次數等有關信息。Javascript中通過
document.cookie屬性訪問Cookie,這個屬性包括名字、失效日期、有效域名、有效
URL路徑等。用等號分開的名字和其值是Cookie的實際數據,本例中用來存儲該訪問
者訪問該頁面的次數。通過把Web頁中的圖像映射到一個images數組,一定條件下修
改該數組項的特性,可以實現動態圖像顯示。本例中,首先預載入一組圖像,每次調
用該Web頁時,隨機產生新的一組圖像,通過覆蓋原圖像實現動態的趣味性效果。

---- 2.源程序count.html:

< html >
< head >
< meta http-equiv="Content-Type"
content="text/html; charset=gb2312" >
< title >趣味計數器< /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){
//若是該訪客的第一次訪問,
將計數器值賦1,否則加1累積
var wwhcount=getcookie('wwhcount');
if (wwhcount==null){
wwhcount=1;
}
else{wwhcount++;}
setcookie('wwhcount',wwhcount,exp);
return countdisp(wwhcount)
}

function countdisp(countvar){
//實現隨機顯示,不足6位以0補全,
可以自己調整顯示位數
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:
//localhost/images/"+index+g+".gif";
}
}

function getCookieVal(offset){
//獲取該訪問者的已訪問次數
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){
//存儲該訪客計數器的數值
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){
//使該信息行失效,
刪除該用戶關于訪問次數的信息
var exp=new Date();
exp.setTime(exp.getTime()-1);
var cval=getcookie(name);
document.cookie=name+"="+cval+"
;expires="+exp.toGMTString();
}
< /script >< /p >
< ! --預載入圖像數組-- >
您是第 < img src="http://localhost/images/00.gif" height=20 width=20

< img src="http://localhost/images/00.gif"
height=20 width=20 >
< img src="http://localhost/images/00.gif"
height=20 width=20 >
< img src="http://localhost/images/00.gif"
height=20 width=20 >
< I mg src="http://localhost/images/00.gif"
height=20 width=20 >
< img src="http://localhost/images/00.gif"
height=20 width=20 >次光臨!
< script language="JavaScript" >
//調用count()函數,
實現計數器的動態圖像顯示
count();
< /script >
< /body >
< /html >
---- 3.注意事項:
---- 由于使用了JavaScript語言,因此該方法具有與應用平臺的無關性,可以適用
于Unix、Windows等多種平臺。另外,此計數器不同于一般意義上的訪客計數器,專
門用于記錄某一訪客對某一網站的訪問次數。

二、設計方法之二:利用asp技術制作趣味計數器
---- 1.設計思想:
---- ASP(動態服務器主頁)是微軟公司推出的用以取代CGI的新技術,是目前公認
的建立Windows NT動態站點最好的工具。ASP包含在IIS3.0中,它提供了一個在服務
器端的scripting環境,在站點服務器上執行,具有簡單、實用、高效等特點。ASP內
含五個內置的ActiveX服務器組件,包括:數據庫訪問組件(Database access
component)、文件訪問組件(File Access component)、廣告輪播器組件(Ad
Rotator component)、內容鏈接組件(Content Linking component)、瀏覽器信息
組件(Browser Capabilities component).利用文件訪問組件,通過
FileSystemObject對象和 TextStream對象,可以提供讀寫服務器文件的功能,實現
訪客計數器功能。

---- 2.源程序count.asp:

< html >
< head >
< meta http-equiv="Content-Type"
content="text/html; charset=gb2312" >
< title >趣味計數器< /title >
< /head >
< body >
< p >
< %
dim out
countfile=server.mappath("aspcount.txt")
'定義一個服務器組件
set objfile=server.createobject("scripting.filesystemobject")
set out=objfile.opentextfile(countfile,1,false,false)
‘讀取數據
counter=out.readline
out.close
set objfile=server.createobject("scripting.filesystemobject")
set out=objfile.createtextfile(countfile,TRUE,FALSE)
‘暫時瑣定
application.lock
‘訪客次數加1
counter=counter+1
‘寫入數據
out.writeline(counter)
‘解鎖
application.unlock
out.close
% >
< script language="JavaScript" >
function countdisp(countvar){
//實現隨機顯示,不足6位以0補全
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://
localhost/images/"+index+g+".gif";
}
}
< /script >< /p >
< ! --預載入圖像數組-- >
您是第< img src="http://localhost/images/00.gif" height=20 width=20

< img src="http://localhost/images/00.gif"
height=20 width=20 >
< img src="http://localhost/images/00.gif"
height=20 width=20 >
< img src="http://localhost/images/00.gif"
height=20 width=20 >
< img src="http://localhost/images/00.gif"
height=20 width=20 >
< img src="http://localhost/images/00.gif"
height=20 width=20 >位訪問者!
< script language="JavaScript" >
//調用count()函數,
實現計數器的動態圖像顯示
count(counter);
< /script >
< /body >
< /html >
---- 3.注意事項:
---- 該計數器只能運行于Windows環境,包括Windows NT Server 4.0(須安裝
IIS3.0)、Windows NT 4.0(須安裝Peer Web Services)、Windows 95(須安裝
Peer Web Services)。ASP文件擴展名以.asp表示,可以用常規的文本編輯器編輯,
也可以利用專門的輔助開發工具InterDev進行開發設計,而且該文件必須存放于具有
執行功能的目錄中。

---- 以上兩個程序都已通過調試,具體效果請訪問
http://www.lib.ytu.edu.cn/xxcxsmjs.html。



發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 国产韩国精品一区二区三区久久 | 久草免费资源视频 | 99精品国产一区二区三区 | 精品亚洲视频在线 | 免费观看欧美一级片 | 国产一级二级在线播放 | 久久在线精品视频 | av色哟哟 | 日韩黄色片免费看 | 免费毛片随便看 | 91精品国产手机 | 免费看毛片的网站 | 在线播放污 | 摸逼逼视频 | 色无极影院亚洲 | 久久精品1区2区 | 一本一道久久久a久久久精品91 | 欧美性生活久久久 | 鲁久久| 综合国产一区 | 中文字幕免费看 | 欧美久久久久久久久 | 在线视频a | 亚洲人成综合第一网 | 国产91精品久久久 | 中日韩乱码一二新区 | 亚洲国产午夜精品 | 在线成人免费网站 | 国产精品亚洲激情 | 99热99精品 | 日韩精品羞羞答答 | 草久视频在线观看 | 婷婷久久青草热一区二区 | 日本在线免费观看视频 | 欧美性受xxxx人人本视频 | free台湾极品性hd | 黄色va视频 | 色妞视频男女视频 | 九九热精品在线视频 | 高清在线观看av | 久久91亚洲人成电影网站 |