当前位置:编程学习 > 网站相关 >>

小程序大作用,让你的网页酷到底

  如今,上网冲浪已经是一件很时髦的事情,在网上安“家”的虫虫们也越来越多。为了使自己的“家”更有特色,吸引更多的人参观,往往是“八仙过海,各显神通”。而使用得最多的就是应用一些JaveScript小插件。本文就向各位网友提供比较常用的小程序。

  使用方法很简单,拷贝+粘贴即可。如果你稍懂一些HTML语言和JaveScript插件语法则更好。

  1.欢迎对话框

  一进入网友的“家”,冷不丁蹦出来一个问好的对话框,是不是感到很亲切?没错,实现这效果的程序就是下面的几行:

 <SCRIPT LANGUAGE=″JAVASCRIPT″>

  alert (″n ″既来之,则安之″nn 欢迎您光临我的主页nn 别犹豫 nn LET'S GO!″);

  </SCRIPT>

  (注:n 的作用是在对话框中换行)

  <b>2.停留时间</b>

  网友进入你的“家”,抬头一看,有一个计时钟在不停地跳动,显示他的来访时间,很有趣吧!程序如下:

  

  <HTML>

  <HEAD>

  <META HTTP-EQUIV=″Content-Type″ CONTENT=″text/html;CHARSET=gb2312″>

  <TITLE>停留时间</TITLE>

  </HEAD>

  <SCRIPT LANGUAGE=″JAVASCRIPT″>

  <!--

  var ap_name = navigator.appName;

  var ap_vinfo = navigator.appVersion;

  var ap_ver = parseFloat(ap_vinfo.substring(0,ap_vinfo.indexOf(′(′)));

  var time_start = new Date();

  var clock_start = time_start.getTime();

  var dl_ok=false;

  function init ()

  {

  if(ap_name==″Netscape″ && ap_ver>=3.0)

  dl_ok=true;

  return true;

  7}

  function get_time_spent ()

  {

  var time_now = new Date();

  return((time_now.getTime() - clock_start)/1000);

  }

  function show_secs () // show the time user spent on the side

  {

  var i_total_secs = Math.round(get_time_spent());

  var i_secs_spent = i_total_secs % 60;

  var i_mins_spent = Math.round((i_total_secs-30)/60);

  var s_secs_spent = ″″ + ((i_secs_spent>9) ? i_secs_spent : ″0″ + i_secs_spent);

  var s_mins_spent = ″″ + ((i_mins_spent>9) ? i_mins_spent : ″0″ + i_mins_spent);

  document.fm0.time_spent.value = s_mins_spent + ″:″ + s_secs_spent;

  window.setTimeout(′show_secs()′,1000);

  }

  // -->

  </SCRIPT>

  <BODY onLoad=″init(); window.setTimeout(′show_secs()′,1);″>

  <form name=″fm0″ onSubmit=″0″>

  <font size=″-1″><I><FONT COLOR=″#888888″>停留时间:</FONT></I></font><br>

  <INPUT type=″text″ name=″time_spent″ size=7 onFocus=″this.blur()″>

  </form>

  </BODY>

  </HTML>

<
补充:网页制作,设计基础 
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,