解决方案 »
- 跪求如果用jquery编写二级列表头
- jQuery修改一个值,这是我的处女jquery,求帮助。
- Extjs使用grid,数据库数据不显示
- 做过js+html打印的,来看一下。
- javascript函数参数中的event有什么用,如何使用呢?
- ++++++++++++++++请高手帮我写一个检测本地的mediaplayer是否可用的脚本
- 怎样做到这样的效果?层还是iframe或者其他?
- execCommand这个函数在Netscape下应该用什么来代替?
- 一个人开发样一个网站,要多少时间?
- js小白
- jquery验证表单,return false 不生效
- 淘宝研发的KISSY框架 能作为个人网站应用么
你觉得纯的js代码复制 建议你去学下jquery 这个使用方便简洁
你觉得纯的js代码复制 建议你去学下jquery 这个使用方便简洁jquery我也知道,我感觉吧一个导航栏不就是鼠标放上去到时候有点效果,这个一个函数不就可以了,再者就是有个下拉菜单,这个再弄个函数控制一下出现隐藏不就可以了,感觉怎么写都是几十行,不如我这样问你吧,如果让你来实现一个导航栏,不引用像jquery库等等的库,用纯js编写,你会写出多少代码。谢谢
不过也有一些非常绚的动画 或者掺着html5,那上百行也正常。ps:几百行不算多 即使是入门水平几百行也还是能写的出来的
比如 <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style>
.menu
{
text-align: center;
list-style: none;
padding: 0;
float: left;
margin: 4px 1px;
cursor: default;
width: 100px;
position: relative;
line-height: 24px;
height: 24px;
}
.menu > li:first-child
{
background: red;
padding: 4px 0;
margin: 0;
z-index: 2;
}
.menu > li + li
{
position: relative;
}
.menu > li ul
{
display: none;
padding: 0;
margin: 0;
top: 0;
left: 0;
position: absolute;
list-style: none;
background-color: Gray;
cursor: default;
width: 100px;
z-index: 1;
}
.menu:hover > li ul
{
display: block;
}
.menu > li ul li
{
padding: 4px 0;
background: green;
margin: 0;
}
.menu > li ul li:hover
{
background: gray;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<ul class="menu">
<li>menu1</li><li>
<ul>
<li>ddd</li>
<li>ddb</li></ul>
</li>
</ul>
<ul class="menu">
<li>menu1</li>
<li>
<ul>
<li>ddd</li>
<li>ddb</li></ul>
</li>
</ul>
<ul class="menu">
<li>menu1</li>
<li>
<ul>
<li>ddd</li>
<li>ddb</li></ul>
</li>
</ul>
</div>
<div style="clear: both">
<input id="Button1" type="button" value="button" />
</div>
</form>
</body>
</html>
ie下有点bug,懒得弄了