打印本文 打印本文  关闭窗口 关闭窗口  
小程序大作用,让你的网页酷到底
作者:陈鹏  文章来源:eNet  点击数  更新时间:2009/9/12 9:03:42  文章录入:陈鹏  责任编辑:陈鹏

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

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

  1.欢迎对话框

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

 <SCRIPT LANGUAGE=″JAVASCRIPT″>

  alert (″\n ″既来之,则安之″\n\n 欢迎您光临我的主页\n\n 别犹豫 \n\n 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>

  <b>3.跑马灯</b>

  这是最常用的一种。在浏览器下面的状态条上,常看到主人不断地问候。程序如下:

  <SCRIPT LANGUAGE=″JavaScript″>

  <!--

  function scroll(seed)

  {

  var msg=″欢迎您光临我的HomePage!^_^特别建议您使用800×600的分辨率参观。如有任何问题请发E-mail告之,不胜感激!″;

  var out = ″ ″;

  var c = 1;

  if (seed > 100) {

  seed--;

  var cmd=″scroll(″ + seed + ″)″;

  timerTwo=window.setTimeout(cmd,100);

  }

  else if (seed <= 100 && seed > 0) {

  for (c=0 ; c < seed ; c++) {

  out+=″ ″;

  }

  out+=msg;

  seed--;

  var cmd=″scroll(″ + seed + ″)″;

  window.status=out;

  timerTwo=window.setTimeout(cmd,100);

  } else if (seed <= 0) {

  if (-seed < msg.length) {

  out+=msg.substring(-seed,msg.length);

  seed--;

  var cmd=″scroll(″ + seed + ″)″;

  window.status=out;

  timerTwo=window.setTimeout(cmd,100);

  }

  else {

  window.status=″ ″;

  timerTwo=window.setTimeout(″scroll(100)″,7);

  }

  }

  }

  timerONE=window.setTimeout(′scroll(100)′,50);

  //-->

  </SCRIPT>

  这段程序请加在语句的后面,var msg=″ ″语句中的问候内容可自由发挥。

  好了,快将这些小程序粘贴到你的HomePage里面试一试,看看效果如何。
热门推荐:
DreamweaverMX实现网站批量更新  

DW MX 2004的电子相册制作







打印本文 打印本文  关闭窗口 关闭窗口