导航菜单代码(导航栏的代码)
那位朋友给我些能用的qq空间导航菜单的代码啊~~~??
导航：
摘星 javascript:window.top.space_addItem(13,5145,0,0,200,600,0);
流金岁月 javascript:window.top.space_addItem(13,5330,0,0,200,600,0);
深海奥妙 javascript:window.top.space_addItem(13,5003,0,0,200,600,0);
javascript:window.top.space_addItem(12,1,0,0,0,0,1)隐藏导航
javascript:window.top.space_addItem(13,1,0,0,0,0,1)显示导航
竖着的.黑色超眩风格:
这个很适合全黑的皮肤
javascript:window.top.space_addItem(13,1,100,80,0,0,94);
爱心花藤:
javascript:window.top.space_addItem(13,9114,0,0,200,600,0);
横向导航.小粉花的样子:
javascript:window.top.space_addItem(13,5503,0,0,600,200,0);
再跟你推荐个..这个是全黑的皮肤
蛮不错的..你可以试试..呵呵
javascript:window.top.space_addItem(1,12736,0,80,0,0,93);
jquery+html5笔触导航菜单代码怎么用
我们将创建一个简单的jquery菜单，只要我们悬停在导航栏的区域里，将展示给我们的画面是：明亮的菜单在稍显黑暗的背景图中脱颖而出jquery导航是一个网站必不可少的模块，当一个用户在一个网站上浏览的时候，为了某个目的而查看网站导航栏的时候，突出导航栏的效果是重中之重。因此必须要使用一个效果：jquery遮罩层。利用明暗效果来突出当前用户的操作。 代码如下: $(function() { var $oe_menu= $('#oe_menu'); var $oe_menu_items= $oe_menu.children ('li'); var $oe_overlay= $('#oe_overlay'); $oe_menu_items.bind('mouseenter',function(){ var $this = $(this); $this.addClass('slided selected'); $this.children('div').css('z- index','9999').stop(true,true).slideDown(200,function(){ $oe_menu_items.not ('.slided').children('div').hide(); $this.removeClass('slided'); }); }).bind('mouseleave',function(){ var $this = $(this); $this.removeClass('selected').children ('div').css('z-index','1'); }); $oe_menu.bind('mouseenter',function(){ var $this = $(this); $oe_overlay.stop(true,true).fadeTo(200, 0.6); $this.addClass('hovered'); }).bind('mouseleave',function(){ var $this = $(this); $this.removeClass('hovered'); $oe_overlay.stop(true,true).fadeTo(200, 0); $oe_menu_items.children('div').hide(); }) });
求导航下拉菜单代码
html xmlns="" lang="zh-CN"
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title下拉菜单演示/title
style type="text/css"
!--
*{margin:0px; padding:0px;}
body {font-family: arial, 宋体, serif;font-size:12px;}
#nav {line-height: 24px; list-style-type: none; background:#666; }
#nav a {display: block; width: 80px; text-align:center;}
#nav a:link {color:#666; text-decoration:none;}
#nav a:visited {color:#666;text-decoration:none;}
#nav a:hover {color:#FFF;text-decoration:none;font-weight:bold;}
#nav li {float: left; width: 80px; background:#CCC;}
#nav li a:hover{background:#999;}
#nav li ul {line-height: 27px; list-style-type: none;text-align:left;left: -999em; width: 180px; position: absolute;}
#nav li ul li{float: left;background: #F6F6F6;}
#nav li ul a{display: block; width: 156px;text-align:left;padding-left:24px;}
#nav li ul a:link {color:#666; text-decoration:none;}
#nav li ul a:visited {color:#666;text-decoration:none;}
#nav li ul a:hover {color:#F3F3F3;text-decoration:none;font-weight:normal;background:#C00;}
#nav li:hover ul {left: auto;}
#nav li.sfhover ul {left: auto;}
#content {clear: left;}
--
/style
script type=text/javascript!--//--![CDATA[//!--
function menuFix() {
var sfEls = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; isfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length0? " ": "") + "sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
"");
}
}
}
window.onload=menuFix;
//--!]]/script
/head
body
ul id="nav"
lia href=""产品介绍一/a
ul
lia href=""产品一/a/li
lia href=""产品一/a/li
lia href=""产品一/a/li
lia href=""产品一/a/li
lia href=""产品一/a/li
lia href=""产品一/a/li
/ul
/li
lia href=""产品介绍二/a
ul
lia href=""产品二/a/li
lia href=""产品二/a/li
lia href=""产品二/a/li
lia href=""产品二/a/li
lia href=""产品二/a/li
/ul
/li
/ul
/body
/html
求助：怎么在dreamweaver中插入css导航菜单代码
dreamweaver cs3以上版本，带有这样一个功能，插入-Spry-Spry菜单栏，自动生成一个导航菜单，JS和CSS自动保存，可设置三级菜单，如果CSS比较熟悉，可根据版面修改CSS到达你要的效果。
html框架如何实现左边为导航栏,右边为连接页面,代码写出来
1、首先打开Deamweaver8，新建一网页文件，接着输入以下导航菜单的内容。
2、此时对应效果如图。
3、接下来准备相关的导航按钮图片（可以事先利用PS制作好）。
4、然后将以下CSS代码加入到head/head之间。
5、网页此时的效果如图，就完成了。