js導航菜單
来源:互联网 发布:美图秀秀拼图软件 编辑:程序博客网 时间:2024/06/15 07:17
<%--<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test1.aspx.cs" Inherits="test1" %>
--%>
<!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>
<script language="javascript">
window.onload=function(){
var i,a,s="";
var d=document.getElementsByTagName("DIV");
for(i=0;i<d.length;i++)
{
a=d[i].getElementsByTagName("li");
for(i=0;i<a.length;i++)
{
a[i].onmouseover=function(){show()};
a[i].onmouseout=function(){hidden()};
}
}
}
function show()
{
var d=document.getElementById("div1");
d.style.display="";
d.style.pixelLeft=152;
d.style.pixelTop=event.clientY-30;
}
function hidden()
{
var d=document.getElementById("div1");
d.style.display="none";
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>導航</title>
<style>
*{ padding:0; margin:0; font-size:12px; line-height:1.7; font-family:Verdana, "宋体", Arial; list-style:none;}
/*简单定义了一下全局*/
a:link,a:visited{background:#FFF3C6 url(jaian.gif) no-repeat 15px 7px; padding-left:23px; color:#000000;text-decoration: none;}
a:hover,a:active{color:#000;text-decoration: underline;background-color: #FED762;}
a{display:block;border-bottom:1px solid #fff; padding-left:10px; width:127px; }
/*定义链接的样式*/
ul{ background:#ffff; width:150px; border:1px solid #FF6600; margin:0px; padding:1px;}
/*定义了UL*/
span{ display:block;background:#FF9900 url(jai.gif) no-repeat 5px 5px; padding-left:13px;}
</style>
</head>
<body>
<div id="div2">
<ul><span>CLICK</span>
<li ><a href="#" target="_blank">QQ空间</a></li>
<li ><a href="#" target="_blank">动易专区</a></li>
<li><a href="#" target="_blank">SEO优化</a></li>
</ul>
<ul><span>网页特效</span>
<li><a href="#" target="_blank">网页特效</a></li>
<li><a href="#" target="_blank">网页特效</a></li>
<li><a href="#" target="_blank">网页特效</a></li>
</ul>
<ul><span>软件下载</span>
<li><a href="#" target="_blank">软件下载</a></li>
<li><a href="#" target="_blank">软件下载</a></li>
<li><a href="#" target="_blank">软件下载</a></li>
</ul>
</div>
<div id="div1" style="position:absolute;dispaly:none">
<ul>
<li><a href="http://news.163.com">1</a></li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
</ul>
</div>
</body>
</html>
- js導航菜單
- js
- js
- JS
- JS
- JS
- js
- js
- js
- js
- js
- JS
- js
- JS
- js
- js
- js
- js
- 现在的学生,太牛B了。。。。。
- Delphi 中找到系统进程并将进程KILL
- JSP三种页面跳转方式
- Google背后的IT架构策略揭秘
- [全国信息技术远程培训][网站建设][14讲][asf]
- js導航菜單
- 回某网友关于AxD的仿真问题
- TIOBE 宣布Python为2007年度程序语言
- 如何对一个MIDlet jar签名
- js菜單
- 哈大的动态网页设计
- 编程世界里的我
- vs.net 2005 下多个web application project之间的session共享问题
- 中山大学delphi视频下载(51讲)