趣味訪客計數器設計兩則_ASP教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!

      推薦:推薦:ASP初學者常用源代碼總結篇
      1.獲得系統時間:   <%=now()%> 2.取得來訪用的IP:   <%=request.serverVariables("remote_host")%> 3.獲得系統,瀏覽器版本:   <script>

      訪客計數器作為網站不可缺少的部分,不僅可以記錄網站被訪問的次數,而且可以通過生動有趣的設計來加強網頁的趣味性和可觀賞性,使訪客計數器成為網頁上

      的一個風景。下面介紹兩種輕松設計趣味訪客計數器的方法,希望對大家有所幫助。

      一、素材準備

      趣味訪客計數器是將計數器的設計與趣味性的顯示效果結合在一起,十種不同風格的計數器隨機出現在網頁上,為相對靜止和嚴肅的網頁增加一些動態的效果和趣
      味。第一次訪問時,計數器顯示的可能是紅色的靜態數字,第二次訪問時,計數器可能變成了不斷翻轉的動畫形式,第三次訪問時,計數器可能又變成了由虛到實

      的虛幻變化形式。為了實現這種效果,首先需要準備一些基本素材,即十種顯示類型的數字圖像文件。可以用圖形編輯工具(如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://www.yule21.com/info/"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=/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" >
      //調用count()函數,
      實現計數器的動態圖像顯示
      count();
      < /script >
      < /body >
      < /html >

      分享:ASP編程中15個非常有用的例子
      1.如何用Asp判斷你的網站的虛擬物理路徑 答:使用Mappath方法 以下為引用的內容: <p align="center"><font size="4

      共2頁上一頁12下一頁
      來源:模板無憂//所屬分類:ASP教程/更新時間:2008-08-22
      相關ASP教程