ydzf.net
当前位置:首页 >> html导航栏下拉菜单 >>

html导航栏下拉菜单

这里有一个js的多级联动下拉菜单可以自定义位置和样式 比较实用里面有教程和源码

1. 用js自己写2. 去网上找个带下拉菜单的导航,一大把

<div class="fixed"></div>.fixed { width:100%; height:30px; background:#000; position:fixed; top:0; left:0;} 主要用到了position:fixed 这个属性,希望能帮到您,谢谢!

<ul id="menu"> <li><a>一级菜单1</a></li> <li> <a> 一级菜单2 <ol class="sub"> <li>二级菜单1</li> <li>二级菜单2</li> </ol> </a> </li> <li><a>一级菜单3</a></li></ul><style>#menu .sub{display: none;}/*先隐藏二级菜单:class=sub*/#menu a:

用div标签做

function menuFix() { var sfEls = document.getElementById("nav").getElementsByTagName("li"); //获得id为nav下的所有li标签对象组成的数组 for (var i=0; i<sfEls.length; i++) {//遍历数据并依照一下的4中方式处理 sfEls[i].onmouseover=

除了top_container和menu_container不变外,其余的替换成: .menu{ margin: 0 auto; width: 1002px; height:100%; } .menu *{padding:0px; margin:0px;} .menu ul{ float:left;} .menu li{ float: left; list-style-type:none; position:relative; } .menu a{ display:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">/*声明是XHTML1.0标准*/<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content

这就是用导航条实现的啊,你自己试试就会了 我也是自学的 你网站多少啊

一般都是用JS和CSS控制的,也有纯css控制的.下面一个是纯CSS兼容的下拉菜单. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" http://

tuchengsm.com | ymjm.net | mcrm.net | xyjl.net | 369-e.net | 网站首页 | 网站地图
All rights reserved Powered by www.ydzf.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com