亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

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

趣味訪客計數器設計兩則

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

一、素材準備
---- 趣味訪客計數器是將計數器的設計與趣味性的顯示效果結合在一起,十種不同風
格的計數器隨機出現在網頁上,為相對靜止和嚴肅的網頁增加一些動態的效果和趣
味。第一次訪問時,計數器顯示的可能是紅色的靜態數字,第二次訪問時,計數器可
能變成了不斷翻轉的動畫形式,第三次訪問時,計數器可能又變成了由虛到實的虛幻
變化形式。為了實現這種效果,首先需要準備一些基本素材,即十種顯示類型的數字
圖像文件??梢杂脠D形編輯工具(如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。



發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产精品欧美日韩| 日韩有码在线观看| 亚洲一区999| 日韩成人小视频| 国产精品美女呻吟| 国产成人久久久精品一区| 激情亚洲一区二区三区四区| 国产一区二区动漫| 亚洲精品美女久久| 1769国内精品视频在线播放| 国产精品久久国产精品99gif| 在线免费观看羞羞视频一区二区| 尤物yw午夜国产精品视频| 欧美日韩国产中文精品字幕自在自线| 国产精品一久久香蕉国产线看观看| 欧美视频二区36p| 中文字幕亚洲欧美日韩高清| 国产精品视频免费观看www| 日韩免费在线免费观看| 亚洲免费精彩视频| 久久久久免费视频| 日韩一区二区av| 国产精品国产福利国产秒拍| 国产精品露脸自拍| 亚洲一区二区在线| 成人国产精品久久久久久亚洲| 欧美性videos高清精品| 岛国av午夜精品| 亚洲欧美综合图区| 成人免费淫片aa视频免费| 91成人精品网站| 国产精品美女www| 欧美性猛交xxxx富婆弯腰| 国产亚洲精品一区二区| 国产成人综合久久| 久久精品国产免费观看| 亚洲福利在线观看| 午夜免费久久久久| 亚洲欧美中文日韩在线v日本| 亚洲a一级视频| 国产成人精彩在线视频九色| 亚洲欧洲国产伦综合| 欧美亚洲一区在线| 亚洲精品99久久久久中文字幕| 欧美大学生性色视频| 久久久成人精品| 97**国产露脸精品国产| 九九九热精品免费视频观看网站| 欧美一级淫片videoshd| 国产精品观看在线亚洲人成网| 亚洲香蕉伊综合在人在线视看| 久久久精品免费| 国产亚洲欧洲高清一区| 日韩极品精品视频免费观看| 亚洲精品按摩视频| 久久琪琪电影院| 亚洲国产日韩欧美在线动漫| 国产一区二区在线免费| 国产精品日韩在线一区| 国产精品手机播放| 亚洲国产高潮在线观看| 日本亚洲精品在线观看| 亚洲欧美日韩图片| 国产午夜精品全部视频在线播放| 日韩第一页在线| 日韩不卡在线观看| 国产精品久久国产精品99gif| 亚洲欧美国产日韩中文字幕| 国产精品视频导航| 国产精品福利在线观看| 日韩免费观看av| 国产精品爽黄69| 欧美老肥婆性猛交视频| 一本色道久久88亚洲综合88| 日本精品视频网站| 91亚洲精品一区二区| 日韩亚洲一区二区| 欧美精品xxx| 欧美亚洲另类视频| 久久香蕉国产线看观看av| 亚洲视频在线观看网站| 国产精品成人一区| 色综合色综合久久综合频道88| 亚洲黄色成人网| 久久精品国产电影| 亚洲视频精品在线| www.亚洲一区| 亚洲欧美日本另类| 国产裸体写真av一区二区| 亚洲自拍偷拍区| 亚洲深夜福利在线| 北条麻妃久久精品| 国产精品视频不卡| 久久视频在线直播| 成人羞羞国产免费| 国产精品久久97| 日韩极品精品视频免费观看| 日韩成人网免费视频| 亚洲美女av网站| 欧美在线视频播放| 国产啪精品视频| 亚洲精品自拍第一页| 久热精品在线视频| 亚洲国产精品久久久久秋霞蜜臀| 大量国产精品视频| 国产精品高潮呻吟久久av无限| 亚洲欧美日韩国产中文| 精品久久久久人成| 91精品国产91久久久| 久久伊人精品视频| 亚洲福利在线看| 欧美韩国理论所午夜片917电影| 久久免费精品视频| 欧美成人一二三| 亚洲人成网站777色婷婷| 国产激情视频一区| 久久手机免费视频| 亚洲在线免费观看| 色阁综合伊人av| 欧美大尺度在线观看| 精品国产欧美成人夜夜嗨| 精品一区精品二区| 欧美高清性猛交| 欧美成人免费全部观看天天性色| 亚洲自拍偷拍网址| 中文字幕精品国产| 欧美xxxx做受欧美.88| 成人久久精品视频| 亚洲欧美国产日韩中文字幕| 中文字幕精品—区二区| 国产在线视频2019最新视频| **欧美日韩vr在线| 日韩在线中文视频| 精品久久香蕉国产线看观看亚洲| 日韩欧美中文免费| 国产精品久久久久免费a∨| 中文字幕亚洲二区| 国产婷婷成人久久av免费高清| 亚洲一二在线观看| 日韩网站在线观看| 久久免费视频网| 国产亚洲美女精品久久久| 懂色av一区二区三区| 久久视频免费在线播放| 国产精品欧美一区二区三区奶水| 国产精品成人国产乱一区| 久久久天堂国产精品女人| 国产精品久久久久久久久久久久久| 国产精品av在线| 色综合久久中文字幕综合网小说| 国产精品美女主播在线观看纯欲| 亚洲一区二区在线播放| 国产精品一久久香蕉国产线看观看| 在线观看视频99| 亚洲成人久久网| 日韩av在线直播| 日韩极品精品视频免费观看| 久久av红桃一区二区小说| 久久久免费电影| 国产精品永久免费视频| 亚洲一区亚洲二区亚洲三区| 影音先锋欧美在线资源| 欧美www视频在线观看| 亚洲国产精品99|