1、導航欄是網頁設計中非常重要的元素。
設計網頁(⊙_⊙)? 我覺得不是專業的設計出來也不怎麼好看 建議去買個套裝 我之前就是自己學設計 學了3天頭都搞大了 結果後來我在淘寶網店和拍拍網店買的套裝 真劃算 30塊錢就解決了 最重要的是節約了我的時間 弄那個不懂的人真的很費頭腦 就拿PS來說吧 我學那個逐幀動畫就學了很久 最後祝你好運!!!
2、在用DW做網頁設計中如何使導航欄不被選項卡遮住
這個原因層的z-index屬性導致,試著把圖片輪播的z-index屬性定義為-1
3、用dw製作網頁上面導航欄的文字太靠上 怎麼往中間調整 如圖
用樣式控制,可以使用行高,(line-height:24px;)
也可以使用內填充,(padding-top:5px;)
4、網頁導航欄模塊設計CSS控制默認第一個LI背影
像上面那種,就是定義ACTIVE屬性,使其A的背影帶色,每個頁植入對應的ACTIVE,比如,首頁專只屬植入在第一個LI,第二個頁只植入第二個LI。。。另外定義LI屬性,使其HOVER的背影跟ACTIVE的背影色一樣,這樣子移動滑鼠時對應的LI就顯示背影色,點擊後的背影色也不變。
5、網頁設計中的導航欄問題
<style type="text/css">
<!--
ul,li{margin:0;padding:0;}
#nav {
height: 400px;
width: 200px;
border: 1px solid #000000;
}
#nav li {
list-style-image: none;
list-style-type: none;
background-color: #99FF00;
}
#nav li:hover{ background-color: #333333;cursor:pointer;}
-->
</style>
這樣也能實現你要的效果,不過ie6好像不支持。如果用<a>的話會比較復雜
6、製作網頁時 如何讓導航欄始終保持在頂端不隨滾動條拖動
.nav{
position: fixed;
}
7、網頁設計 導航欄問題
這段代碼比較經典的下拉菜單,不過沒有美化,自己要美化的話,對列的項a a:hover的屬性進行定義即可,比如定義一個好的背景等。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style type="text/css">
*
body
#nav
#nav li
#nav li a
#nav li a:hover
#nav li ul
#nav li.show ul
#nav li.show ul li
#nav li.show ul li a
#nav li.show ul ul
#nav li li.show ul
</style>
<script type="text/javascript">
function getCss(elem,property){
if(elem.style[property]){
return elem.style[property];
}
else if(elem.currentStyle){
return elem.currentStyle[property];
}
else if(document.defaultView && document.defaultView.getComputedStyle){
property = property.replace(/([A-Z])/g,'-$1').toLowerCase();
var s = document.defaultView.getComputedStyle(elem,'');
return s&&s.getPropertyValue(property);
}
else{
return null;
}
}
window.onload = function() {
var obj = document.getElementById("nav");
var lis = obj.getElementsByTagName("li");
var arr = new Array();
var uls = obj.getElementsByTagName("ul")[0];
for(var i=0; i<lis.length; i++){
if(lis[i].className.indexOf("firstLevel")>=0){
arr.push(lis[i]);
}
}
for(var i=0; i<lis.length; i++){
lis[i].style.width = obj.offsetWidth/arr.length - 1 + "px";
if(lis[i].className.indexOf("thirdLevel")>=0){
lis[i].parentNode.style.marginLeft = obj.offsetWidth/arr.length - 1 + "px";
lis[i].parentNode.style.marginTop = -parseInt(getCss(uls,"lineHeight")) + "px";
}
lis[i].onmouseover=function(){
this.className+=(this.className.length>0?" ":"") + "show";
}
lis[i].onmouseout=function(){
this.className=this.className.replace(new RegExp("( ?|^)show\\b"), "");
}
}
}
</script>
</head>
<body>
<ul id="nav">
<li class="firstLevel">
<a href="#">一級欄目</a>
<ul>
<li>
<a href="#">二級欄目</a>
<ul>
<li class="thirdLevel"><a href="#">三級欄目</a></li>
</ul>
</li>
<li>
<a href="#">二級欄目</a>
</li>
<li>
<a href="#">二級欄目</a>
</li>
</ul>
</li>
<li class="firstLevel">
<a href="#">一級欄目</a>
<ul>
<li>
<a href="#">二級欄目</a>
<ul>
<li class="thirdLevel"><a href="#">三級欄目</a></li>
</ul>
</li>
<li>
<a href="#">二級欄目</a>
<ul>
<li class="thirdLevel"><a href="#">三級欄目</a></li>
</ul>
</li>
</ul>
</li>
<li class="firstLevel">
<a href="#">一級欄目</a>
<ul>
<li>
<a href="#">二級欄目</a>
<ul>
<li class="thirdLevel"><a href="#">三級欄目</a></li>
</ul>
</li>
<li>
<a href="#">二級欄目</a>
<ul>
<li class="thirdLevel"><a href="#">三級欄目</a></li>
</ul>
</li>
</ul>
</li>
<li class="firstLevel">
<a href="#">一級欄目</a>
<ul>
<li>
<a href="#">二級欄目</a>
<ul>
<li class="thirdLevel"><a href="#">三級欄目</a></li>
</ul>
</li>
<li>
<a href="#">二級欄目</a>
<ul>
<li class="thirdLevel"><a href="#">三級欄目</a></li>
</ul>
</li>
</ul>
</li>
<li class="firstLevel">
<a href="#">一級欄目</a>
<ul>
<li>
<a href="#">二級欄目</a>
<ul>
<li class="thirdLevel"><a href="#">三級欄目</a></li>
</ul>
</li>
<li>
<a href="#">二級欄目</a>
<ul>
<li class="thirdLevel"><a href="#">三級欄目</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>
網頁設計 導航欄問題
8、急急急!!!網頁設計,導航欄總是浮在彈出的頁面上,這個問題如何解決?需要添加什麼代碼或者修改什麼嗎?
如果給個鏈接,我能在2分鍾內解決。
1,先了解position:relative; position:absolute;屬性,彈框必須版加的屬性是absolute,如果導航權欄也有這個屬性,需要用z-index控制,讓彈框比他大就可以,比如導航欄是z-index:50,一般彈出窗是z-index:999,這樣寫還可以避免其他權值比他高。
2,還有一種情況,就是導航是flash製作的,這樣只要在插入頁面swf的時候,加上<param name="wmode" value="transparent">就可以了
9、網頁製作中,dreamweaverCS4中如何凍結頂端的導航菜單?就是下拉時,頂端菜單欄一直在最上方不消失
兩種可能:
1、利用js捕獲窗口拖動的距離,並動態賦值給導航菜單的div,使其跟著走。
2、導航菜單是一個frameset框架,所以拖動scroll的時候,frame元素固定在最上層。
3、如果你不懂js,建議使用第2種方法