建站辅助功能代码全接触

来源:互联网 发布:有道软件下载 编辑:程序博客网 时间:2024/05/16 08:31

在网页制作过程中,经常要实现一些小功能,如设置网站为首页、加入收藏夹、打印窗口内容、关闭窗口、滚动字幕等,经过查阅资料及上机实践,总结如下,希望给你在建设网站带来方便。下面主要是在dreamwaver 中实现的,其他的网页制作工具基本上一样。

一、   关闭窗口

  在dreamwaver中输入文字及符号[关闭窗口],并选择该文符号,在属性对话框中的链接键入

javascript:window.close( );javascript:window.close('_self');javascript:self.close;即可。

二、   打印当前窗口的内容

  这一方法在javascript1.2才开入,在调用此方法时,它首先打开浏览者的打印对话框,以便浏览者在打印文档前可对打印机进行设置。下面用两种方法实现:

  1.文字链接

dreamwaver中输入文字及符号[打印],并选择该文符号,在属性对话框中的链接键入

javascript:window.print( );即可。

  2.按钮链接

  创建一个按钮在当前所浏览的页面,对于信息服务站点,打印按钮会是一个很有用的部件。创建此按钮的代码如下:

<form >

      <input type="button"  value="打印"  onclick="window.print();">

</form>

  三、设为首页

  例如自己的网站为http://www.zjsz.net,要加入设为首页的功能,可在该网站的主页适当位置插入如下代码:

<A class=top

      onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.zjsz.net/');"

      href="http://www.zjsz.net/#"><FONT color=#000000>设为首页</FONT></A>

  四、加入收藏

  例如自己的网站为http://www.zjsz.net,要加入收藏的功能,可在该网站的主页适当位置插入如下代码:

<A class=top

      onclick=window.external.AddFavorite(location.href,document.title);

      href="http://www.zjsz.net/#"><FONT color=#000000>加入收藏</FONT></A>

  五、滚动字幕

  实现滚动字幕的方法有许多种,这里主要介绍四种,在dreamwaver中并没有直接提供制作字幕效果的方法,但可以直接通过修改网页的源代码实现。

1. 幻灯片形式,从右到左只移动一次的代码为: <marquee behavior='slide'>右到左只移动</marquee>

2. 左方开始移动交替运动形式代码为:<marquee behavior='alternate' direction= 'right'>左右来回移动的文字</marquee>

3. 垂直滚动的字幕代码为:<marquee HEIGHT:60px;   scrollamount='1' scrolldelay='10' width=180 behavior='loop' direction='up' border='0'> 这是一段可以不断向上滚动的文字</marquee> 。

4.有悬停功能的滚动字幕(常见的公告栏),代码为:   <marquee   scrollamount='1' scrolldelay='10' behavior='loop' direction='up' border='0' onmouseover='this.stop()' onmouseout='this.start()'>   有悬停功能的滚动字幕(常见的公告栏)</marquee>

原创粉丝点击