A. Web程序設計二級下拉菜單頁面怎麼做
Web程序設計二級下拉菜單頁面做法:
以純CSS為例:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style>
*{
margin:0px;
padding:0px;
}
#menu
{
width:500px;
height:38px;
margin:5px auto;
}
#menu ul
{
height:38px;
list-style:none;
margin:0;
padding:0;
}
#menu li
{
float:left;
}
#menu li a{
color:#666666;
display:block;
font-weight:bold;
line-height:38px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
#menu li a:hover{
color:#000000;
text-decoration:none;
}
#menu li ul{
background: #ECE9E9;
border:1px solid #D8D8D8;
display:none;
height:auto;
position:relative;
left:20px;
width:100px;
z-index:200;
}
#menu li ul li
{
margin-left:0px;
height:38px;
}
#menu li:hover ul{
display:block;
}
#menu li li {
display:block;
float:none;
width:100px;
}
#menu li ul a{
display:block;
font-size:12px;
font-style:normal;
padding:0px 10px 0px 15px;
text-align:left;
}
#menu li ul a:hover{
background:#555;
color:#fff;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#">無下拉狀態</a></li>
<li><a href="#">有下拉狀態</a>
<ul>
<li><a href="#">選項1</a></li>
<li><a href="#">選項2</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
B. web 開發動態菜單如何實現
<div id="exhib_1" class="border">
<div class="title">
<h2>
認證公告:</h2>
<div class="clear">
</div>
</div>
<div id="rolllink" style="overflow: hidden; padding-left: 10px; width: 250px; height: 130px">
<div id="rolllink1">
<ul class="midContent list">
<LI>綁定數據</LI>
<LI>綁定數據</LI>
<LI>綁定數據</LI>
<LI>綁定數據</LI>
<LI>綁定數據</LI>
<LI>綁定數據</LI>
<LI>綁定數據</LI>
<LI>綁定數據</LI>
</ul>
</div>
<div id="rolllink2">
</div>
</div>
<script type="text/javascript">
var rollspeed=40
rolllink2.innerHTML=rolllink1.innerHTML
function Marquee(){
if(rolllink2.offsetTop-rolllink.scrollTop<=0)
rolllink.scrollTop-=rolllink1.offsetHeight
else{
rolllink.scrollTop++
}
}
var MyMar=setInterval(Marquee,rollspeed)
rolllink.onmouseover=function()
rolllink.onmouseout=function()
</script>
</div>
C. 如何自定義web界面的右鍵菜單
在使用電腦的時候經常會用到右擊滑鼠菜單功能,背景是灰白色的很單調,其實菜單背景是可以更改的哦。下面就看看小編帶來的如何美化和自定義滑鼠右鍵菜單背景吧!
答案自然是肯定的!現在就教大家如何給你的電腦右鍵菜單添加自己喜歡的背景圖片。
友情提示:本案例適用全部32位和部分64位的Win7、Win8、Win8.1、Vista和XP系統。
自定義右鍵菜單背景圖片方法如下:
1、在魔方電腦大師的功能大全選項卡中,選擇魔方美化大師。
2、在魔方美化大師中,在「系統外觀設置」中選擇「右鍵菜單背景」功能。如下圖所示,直接點擊打開右鍵菜單背景功能。
3、瀏覽選擇自己喜歡的右鍵菜單背景圖片,然後點擊應用到系統按鈕(注意:選擇的圖片大小應與右鍵菜單相符,否則容易出現背景圖重疊或顯示不全等問題)!
4、保存到系統中,魔方電腦大師設置的自定義右鍵背景圖片就成功完成了。現在在電腦桌面點擊滑鼠右鍵,就可以看到彈出的右鍵菜單,有了養眼的背景圖片。
▲注意事項
▲注意圖片大小,不要過大,也不要過小,尤其是寬度。
▲如果想要取消滑鼠右鍵背景圖片,可以在魔方電腦大師中,直接選擇「恢復到系統默認」按鈕。
以上就是今天跟大家分享的「Win7系統如何美化和自定義滑鼠右鍵菜單背景?」的全部內容,更多精彩內容請繼續關注!
D. WEB 頁上的自動展開菜單如何做啊
可以做的
http://www.stonemx.com/blog/archives/2006/20065514568.html
E. javaweb怎麼實現手風琴式菜單
純JS的我不會寫,但是有很多前端框架你可以選擇,比如easyui這些,都有手風琴風格的菜單樣式
F. 用html做一個通用的頁面菜單欄
要實現這個功能其實非常簡單,下面的思路希望對你有用。步驟如下:
一般WEB開發把頁面分成3個模塊:header.tpl content.tpl footer.tpl。head和footer一般都是固定不變的,唯一變化的部分是content。你說的菜單應該是header部分的導航部分。例如主頁的代碼可以這樣寫:
<html>
<head></head>
<body>
{include file="head.tpl"} <!-- 導航部分 -->
{include file="content.tpl"} <!-- 變化內容 -->
{include file="footer.tpl"} <!-- 版權內容 -->
</body>
</html>
G. java web樹形菜單開發,求web高手~~
呵呵,你可以看一下easyUI框架的功能。
如果非要自己寫的話:大體就是這樣的:
<ul>
<li id="ts">圖書
<ul id="tsts"><li id="kx">科學類</li><li id="wx">文學類</li></ul>
</li>
<li id="yx">影像</li>
</ul>
其他的自己嵌套進去就可以了;
然後主要是在js里的處理:
$(functoin(){
var tsts = 0;
$("#tx").click(functon(){
if(tsts==0){
//this.child.display=none;具體設置屬性的方法你看一下是不是這樣的。
$("#tsts").css("display":"none");
tsts = 1;
} else{
$("#tsts").css("display":"block");
tsts = 0;
}
});
});
好吧,結構大體就是這樣的了。還有那個加減號的變化你自己看一下。也要綁定的單擊事件裡面。
H. web開發菜單有三個維度怎麼排版
頂部導航欄一級,左側導航欄二級,左側導航欄可以展開,三級
I. html的下拉菜單怎麼寫
用css是可以實現這種效果,不夠要改一下HTML框架:
<divclass="A">
<divclass="B">
<ul>
<liid='li1'><ahref="webpage/about.htm">模塊1</a>
<divid="C"class="D">
<ahref="webpage/about.htm">模塊1.1</a>
<ahref="webpage/about.htm">模塊1.2</a>
<ahref="webpage/about.htm">模塊1.3</a>
<ahref="webpage/about.htm">模塊1.4</a>
</div>
</li>
<li><ahref="webpage/about.htm">模塊2</a></li>
<li><ahref="webpage/about.htm">模塊3</a></li>
</ul>
</div>
</div>
CSS樣式:
*{padding:0;margin:0;}
li{width:100px;height:30px;background:black;text-align:center;}
a{text-decoration:none;color:#fff;margin-bottom:10px;}
.Bli{float:left;}
#C{clear:both;}
#Ca{color:black;padding:8px;display:none;}
#li1:hovera{display:block;}
效果:
但以你給的HTML來看,應該是用JavaScript實現的。
J. java web怎麼實現下拉菜單
這個很好實現,在後台進行查詢,查詢到所有的菜單id和name以及其他的數據,後返回主頁面,再有jstl表達式遍歷出來,或者c標簽的foreach標簽直接遍歷就ok了