首页 | 新闻资讯 | 软件应用 | 图形图像 | 网络应用 | 硬件学堂 | 程序开发 | 安全中心 | 素材下载 | 作者专区 | 学院论坛
精选专题 | 精美壁纸 | 专家答疑 | Flash剧场 | Photoshop | 名词解释 | 梦幻桌面 | PS高手进阶 | QQ区 | 图书 | 黑客教材
Flash教程| 卡通制作 | AutoCAD | 3DMax实例 | PS视频教程| 网页制作 | CorelDRAW| Firework | 滤镜与实例 | 全部视频教程
当前位置:eNet硅谷动力 > 学院频道 > Dreamweaver

小程序大作用,让你的网页酷到底
2004-11-29 09:05 来源:eNet论坛
【简 介】
如今,上网冲浪已经是一件很时髦的事情,在网上安“家”的虫虫们也越来越多。为了使自己的“家”更有特色,吸引更多的人参观,往往是“八仙过海,各显神通”。而使用得最多的就是应用一些JaveScript小插件。本文就向各位网友提供比较常用的小程序。
    
加入收藏  设为首页

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







关键字: DW  Dreamweaver  网页设计 
您对这篇文章的看法是:    喜欢 反感 支持 反对 加油 鄙视 学习 打击 佩服 漂亮 路过 发表评论
视频教程】 【专题汇总】 【不懂就问我关闭窗口

QQ音乐播放器2009正式版今天发布!
《铁拳:暗黑复苏》游戏精美壁纸
用Photoshop打造经典免战公益海报
泰国Taechit经典平面设计作品欣赏
十二问让你全面了解跨站脚本攻击
相关文章
 本栏目最新文章
·DW扩展:Web开发jQuery UI接口框架
·Dreamweaver套用源格式命令应用
·DW制作网页时使用CSS的注意事项
·DW CS3中Spry详细区域功能的解说
·DW CS4 JavaScript的部分新特性
 精彩回放
·3DSMAX打造书本翻开效果
·共享上网技巧应用四则
·陪酒女浸泡在酒里的青春
·美女的性感靓丽婚纱设计
·妖冶身姿 死或生3壁纸
·剿灭Win XP下的29个烦恼
·黑客必备 NET命令大全
·用PS制作精致绝伦的红酒
 精彩推荐
 今日软件下载
杀毒软件免费随便用
瑞星全功能安全软件2009 基于“云安全”策略和“智能主动防御”技术开发.
www.rising.com.cn
 往日推荐
·推荐“美图秀秀”就能赚Q币
·五大搜索引擎横向评测
·防御计算机病毒十大步骤

论坛精华
·眼泪、五官、闪电、 
·photoshop完美扣图教 
·PhotoShop实例精选电 
·精灵女孩白夜 
·Photoshop给多斑的人 
·Photoshop将美女照片 
热点推荐
绘制逼真金蛋
浪漫婚纱照片
Flash视频编程
Ulead GIF教程
热点关注
·Flash CS4 制作经典小游戏
·C语言程序设计视频教程
·PHP+MYSQL开发视频教程
·Flash CS4从入门到精通教程
·服装设计与效果图绘制教程
·21视频之Fireworks8网页制作
·Vray高级实例应用视频教程
·CorelDRAW14入门到高级教程
·Vray高级实例应用视频教程
全国计算机等级考试二级(VB语言)
往日推荐
网站重构设计
鹏哥C#教程
服装设计教程
PS唯美风景
焦点关注