-专注于互联网、网络技术、网络工程、网络营销SEO、搜索引擎、社会化网络、IT技术、网络编程、网络安全、服务器管理、网站开发、移动互联网软件应用等领域的原创IT科技博客,欢迎喜欢互联网的朋友一起交流!

如何制作下拉菜单 (jQuery+Superfish)

Superfish是Joel Birch写的一个用来制作下拉菜单的jQuery插件。发现用Superfish来制作下拉菜单真的很方便而好很好用,而且还可以通过Superfish提供的参数来控制下拉菜单的不同效果,而且他没有层级限制,换句话说可以通过Superfish来写你想要的层级菜单。功能如些强大,而且好用,所以把joel Birch的Superfish稍加整理,贴上来与大家分享,因为像我这样不会js的朋友还是蛮好多的,有时用CSS制作下拉菜单那是极其命苦的事情,借助jQuery和相关插件,嘿嘿,那就相当的容易多了....

具备的参数

使用jQuery配合Superfish制作下拉菜单需要具备以下几个参数

  1. 项目中需要有jQuery版本库,如果你没有的话可以到这里下载

  2. 下载Superfish插件——Superfish;

  3. 需要把上面两个js引入你的项目中


导入jQuery库和Superfish插件

<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/superfish.js"></script>

为了让菜单一个默认的样式,大家还可以到superfish下载superfish.css样式文件,可以直接调用

<link rel="stylesheet" href="css/superfish.css" />

备注:如果在你的项目中使用jQuery配合Superfish制作下拉菜单,个人建议直接在项目中使用Joel Birch为你提供的superfish.css样式,他或许不是你喜欢的风格,但你可以在用的主样式中覆盖他或者直拉在superfish.css样式中修改。另我一点,要确保你的项目中你上面的代码块一样调用了制作菜单所需的js,并按照你自己项目的相对路径设置。

准备工作就绪后,你就可以在你的文档中写结构了

HTML Markup

<ul>

  • <a href="">link Leve1

  • <a href="">link Level1<span> »</span> <ul>

  • <a href="">link Leve2

页面跳转方法总结

PHP页面跳转一、header()函数

header()函数是PHP中进行页面跳转的一种十分简单的方法。header()函数的主要功能是将HTTP协议标头(header)输出到浏览器。

header()函数的定义如下:

void header (string string [,bool replace [,int http_response_code]])

可选参数replace指明是替换前一条类似标头还是添加一条相同类型的标头,默认为替换。

第二个可选参数http_response_code强制将HTTP相应代码设为指定值。 header函数中Location类型的标头是一种特殊的header调用,常用来实现页面跳转。注意:1.location和“:”
号间不能有空格,否则不会跳转。

2.在用header前不能有任何的输出。

3.header后的PHP代码还会被执行。例如,将浏览器重定向

< ?php
//重定向浏览器
header("Location: http://www.liuweiwei.org");
//确保重定向后,后续代码不会被执行
exit;
?>

PHP页面跳转二、Meta标签

Meta标签是HTML中负责提供文档元信息的标签,在PHP程序中使用该标签,也可以实现页面跳转。 若定义http-equiv为refresh,则打开该页面时将根据content规定的值在一定时间
内跳转到相应页面。

若设置content="秒数;url=网址",则定义了经过多长时间后页面跳转到指定的网址。例如,使用meta标签实现疫苗后页面自动跳转到冠威博客。

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

例如,以下程序meta.php实现在该页面中停留一秒后页面自动跳转到www.liuweiwei.org。

< ?php
$url = "http://www.liuweiwei.org"; ?>
< html>
< head>
< meta http-equiv="refresh" content="1; url=< ?php echo $url; ?>">
< /head>
< body>
页面只停留一秒……
< /body>
< /html>

PHP页面跳转三、JavaScript(常用、推荐)

例如,此代码可以放在程序中的任何合法位置。

< ?php
$url = "http://www.liuweiwei.org";
echo "<script language='javascript' type='text/javascript'>";
echo "window.location.href='$url'";
echo "</script>";
?>

以上就是我们向大家介绍的三种PHP页面跳转实现方法。
«1»
搜索
网站分类
最近发表
文章归档

技术支持TTF的家园

Copyright www.ttfde.org. All Rights Reserved.站点统计 Design by TTF的家园