|
如今,上网冲浪已经是一件很时髦的事情,在网上安“家”的虫虫们也越来越多。为了使自己的“家”更有特色,吸引更多的人参观,往往是“八仙过海,各显神通”。而使用得最多的就是应用一些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的电子相册制作
|
【字体:小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 |