这篇文章主要是对 js 控制的导航菜单实例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这种菜单效果是通过脚本和样式控制的,对于新手来说是非常好的学习内容:
这种昨晚一边看舞动奇迹,一边整理这个菜单的小代码,一起来看看吧,会了可以温故知新,不会的可以借鉴一下思想,其实就是想完善一下这种前端的思想,让它不要再陌生:
这是一个 asp.net 的 master 页面里面的菜单部分
html 部分:
- <%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs"
- Inherits="MasterPage" %>
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link type="text/CSS"rel="Stylesheet"href="Styles/master.css"/>
<script src="Scripts/jquery-1.4.1.min.js"type="text/javascript"></script>
<script src="Scripts/nav.js"type="text/javascript"></script>
</head>
<body>
<div class="nav"id="nav">
<input type="hidden"value="<%=Request.QueryString["menutemp"] %>" id="masterid" />
<a href="Default.aspx?menutemp=0"class="check"> 首页 </a>
<a href="surveylist.aspx?menutemp=1"> 医院概况 </a>
<a href="Culturelist.aspx?menutemp=2"> 医院文化 </a>
<a href="Tumor dynamic list.aspx?menutemp=3"> 医院动态 </a>
<a href="Services list .aspx?menutemp=4"> 医院服务 </a>
<a href="Medical guidelines.aspx?menutemp=5"> 就诊指南 </a>
<a href="Introduce department.aspx?menutemp=6"> 科室介绍 </a>
</div>
</body>
来源: