H.X 网络大杂烩 H.X网络大杂烩,windows 7,qq,Web,blog,教程,时尚,音乐,电影,电视剧,软件,新闻,操作系统

页面自动跳转的几种实现方法

By hexiang on 2007, June 27, 5:23 AM

很多时候我们需要Web页具备有自动跳转功能，例如，论坛中的用户登录、发帖及回复或留言簿中的留言和回复等操作成功后，若用户没有任何鼠标点击操作，过了一定的时间，页面自动跳转到预设的页面。本文讨论网页自动跳转的几种实现方法。

方法一：使用meta标签
meta标签是html不可或缺的标签之一，它负责提供文档的元信息，其参数主要有：

    ① http-equiv：与文档中数据相关的HTTP文件首部    ② content：与命名HTTP首部相关的数据    ③ name：  文档描述    ④ url：  与元信息相联系的URL
当我们定义属性http-equiv为refresh，打开此Web页时系统将根据content规定的值在一定时间内跳转到相应页面，content="秒数;url=网址"就是定义了过多长时间跳转到指定的网址。以下meta标签告诉系统一秒钟后页面自动跳转到黑马在线动力：

<meta http-equiv="refresh" content="1;url=http://www.gxblk.com">

以上代码需要加在HTTP文档首部中，介于<head>与</head>之间，通常，meta标签是紧跟在<head>之后。若需要有多个meta标签，它们可以各占一行。

此法通用于任何环境，包含静态的网站空间。

方法二：使用header函数
header函数是php内置函数中的HTTP相关函数之一，该函数送出HTTP协议标头到浏览器。使用它可以重定向URL，即令页面转向其他指定的网页。以下例子，执行后将自动打开黑马在线动力首页：

header("Location: http://www.gxblk.com&#...

必须注意，header函数只能用在页面代码中的<html>标签之前，亦即，HTTP首部尚未有其他任何标头（<head>）传送给浏览器之前，而且，此前页面也不能print或echo任何内容。换句话说，在页面的<html>出现前，程序只单纯地处理header事件。尽管有如此严格的要求，灵活地使用它，仍然可以达成页面的自动跳转功能，比如登录页面，通过判断用户提交的数据是否合法来决定页面跳转到何处。以下给出一个简单的例子：

＜?php/* 登录程序 - 文件名：login.php 程序作用 - 判断用户登录口令 */if(＄_POST['Submit']) {   session_start();   if(＄_POST['pws']=='123') { //若密码为 123      ＄_SESSION['passwd']='123'; //写入会话数据      header("Location:index.php"); //跳转到正常页面   }else{      header("Location:login.php"); //跳转到登录页面   }}//表单代码略（也可以用纯html代码写表单，若如此，代码应放在程序之后?＞＜?php/* 检测会话数据 - 文件名：index.php 程序作用     - 检测会话数据中的密码是否为123，若不是，返回         登录页面         */session_start();if(＄_SESSION['passwd']!='123') header("Location:login.php");//其他代码（纯HTML代码应写在程序之后）?＞
此法显然只能用于支持php的空间环境。

方法三：使用JavaScript
JS非常灵活，利用它可以做出功能非常强大的程序脚本，这里仅举一个简单的页面自动跳转的JS例子。以下代码执行后浏览器将自动转到黑马在线动力网站，该代码可放在页面中的任何合法的位置：

＜script language="javascript" type="text/javascript"＞    window.location.href("http://www.gxblk.com&#...＜/script＞
此代码适用于任何Web环境。若加入定时器，将更加妙不可言。

Tags:网页设计 | 网页相关 | Comments:0 | Trackbacks:0 | Read:1082

css实现悬停效果

By hexiang on 2007, June 27, 4:28 AM

[html]<style>
.bd{height:1000px;width:60px;background:#e00;}
.a{width:60px;height:70px;background:blue;float:right;
    position:fixed !important; top/**/:0px;
    position:absolute; z-index:100; top:expression(offsetParent.scrollTop+20);right:20px;
</style>
<div class="bd">
     这边固定不动<br/>
   <div class="a">移动的BOX</div>
</div>
[/html]

Tags:CSS | 网页相关 | Comments:0 | Trackbacks:0 | Read:1145

男生最流行发型，你会喜欢哪一种

By hexiang on 2007, June 27, 4:13 AM

Tags:流行时尚 | 流行时尚 | Comments:4 | Trackbacks:0 | Read:1257

学习CSS的10大理由

By hexiang on 2007, June 27, 3:50 AM

作为一个热门技术，CSS的发展的确有些缓慢。CSS最早被提议在1994年，最早被浏览器支持在1996年，CSS一直被力捧为传统的以HTML为基础的web代码的继承者。CSS使用样式表来控制整个站点字体和布局的能力,使它看起来非常有效率、易于设计和有远见。然而，也一直有荒诞的说法围绕着CSS，阻碍了网页设计师学习和掌握这种语言。究竟是什么让人们大惊小怪呢？

我们访问了大学教师Christopher Schmitt，他是CSS的倡导者之一。Christopher深信CSS将成为网页设计师必备知识之一

问：CSS已经进入黄金发展期，您认为我们所有人现在就应该学习和开始使用CSS的十大理由是什么？

Christopher：哦，下面是我的十大理由，不分排名先后：

1.CSS将从基础开始建设直到全面替代传统web设计方法。W3C组织创建的CSS技术将替代HTML的表格、font标签、frames以及其它用于表现的HTML元素。

2.提高页面浏览速度。使用CSS方法，比传统的web设计方法至少节约50%以上的文件尺寸。

3.缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。

4.强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了，有了CSS，我们不再需要用FONT标签或者透明的1 px GIF图片来控制标题，改变字体颜色，字体样式等等。

5.CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。

6.提高易用性。使用CSS可以结构化HTML，例如：<p>标签只用来控制段落，heading标签只用来控制标题，table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。

7.可以一次设计，随处发布。你的设计不仅仅用于web浏览器，也可以发布在其他设备上，比如PowerPoint。

8.更好的控制页面布局。不用多说。

9.表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中，你可以减少未来网页无效的可能。

10.更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价(ranking)。

Tags:CSS | 网页相关 | Comments:0 | Trackbacks:0 | Read:908