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

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

如今,上网冲浪已经是一件很时髦的事情,在网上安“家”的虫虫们也越来越多。为了使自己的“家”更有特色,吸引更多的人参观,往往是“八仙过海,各显神通”。而使用得最多的就是应用一些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里面试一试,看看效果如何。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航