1、網頁設計:下拉列表的問題,
剛試著做了一下,你看可以不?(需要引入jquery.js)<!doctype HTML>
<html>
<head>
<title></title>
</head>
<script src="jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script>
<script>
$(document).ready(function(){
$("#startQuarter").change(function(){
$val = $(this).find("option:selected").val();
$str = "";
for (var i = $val; i <= 4; i++) {
$str += "<option value='"+i+"'>Q"+i+"</option>"
};
$("#endQuarter").html($str);
});
});
</script>
<body>
<table>
<td class="fieldLabelArea" width="15%">Start Quarter:</td>
<td class="fieldValueArea" bgcolor="#ffffff" width="35%">
<select name="startQuarter" id="startQuarter">
<option value="1">Q1</option>
<option value="2">Q2</option>
<option value="3">Q3</option>
<option value="4">Q4</option>
</select>
</td>
<td class="fieldLabelArea" width="15%">End Quarter:</td>
<td class="fieldValueArea" bgcolor="#ffffff" width="35%">
<select name="endQuarter" id="endQuarter">
<option value="1">Q1</option>
<option value="2">Q2</option>
<option value="3">Q3</option>
<option value="4">Q4</option>
</select>
</td>
</table>
</body>
</html>
2、JS編寫網頁聯級下拉菜單
用CSS UL LI標簽可以輕松實現,一般這種要設置樣式的下拉,都是採用CSS+JS實現的
3、網頁設計中,怎麼實現利用層實現製作下拉菜單? 要詳細步驟。
這里有一個js的多級聯動下拉菜單
可以自定義位置和樣式 比較實用
裡面有教程和源碼
4、網頁設計下拉菜單項
showmenu就是顯示某個菜單,showmenu('scripting')",就是顯示ID為'scripting'的菜單項,hidemenu就是隱藏某個菜單hidemenu('scripting')" ,就是隱藏ID為'scripting'的菜單項
5、網頁製作下拉列表菜單的問題
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<form NAME="myform1" action="index2.htm">
<div align="center"><center>
<p>
<select name="d" size="1">
<option selected="selected" value="選項 ">女生座</option>
<option value="1">白羊座</option>
<option value="2">雙魚座</option>
</select>
vs
<select NAME="d" SIZE="1">
<option selected value="選項 ">男生座</option>
<option value="3">白羊座</option>
<option value="4">雙魚座</option>
</select>
<input name="Submit" TYPE="submit" onClick=".HTM" VALUE=" go "> </p>
</center></div>
</form>
<p> </p>
</body>
</html>
6、大一學網頁設計的, 自己試著做了網頁的頭部,可是用javascript做下拉菜單的時候出現問題了
給主菜單固定的寬度。再給子菜單的每一項。設CSS為 display:inline-block
7、網頁製作,慢慢下拉的菜單怎麼做?
這個效果你可以通過2中途徑實現,使用框架或者是使用JavaScript代碼。
1.使用框架:查找框架中的二級菜單組建,如Bootstrap中的導航條中的二級菜單。下面的是一個二級下拉菜單的例子
詳細內容參見http://v3.bootcss.com/components/#navbar
2.使用JavaScript代碼。使用jQuery的動畫實現,如slideToggle()可使元素上下滑動,並且可以使用參數控制快慢。
<script>slideToggle()請參考http://www.w3school.com.cn/jquery/jquery_slide.asp
8、html網頁下拉菜單設計問題
left: -999em 應該是無限的向左縮進吧 你又寫了left:5px; 應該是和其他的樣式表屬性有沖突仔細檢查下吧 用firebug 很簡單的說
9、用js做網頁下拉菜單緩慢向下的特效代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>下拉菜單</title>
<style type="text/css">
*{margin:0; padding:0}
#nav{width:200px; margin:50px}
#nav h3{ cursor:pointer; line-height:30px; height:30px; background-color:#000000; color:#fff}
#nav a{display:block; line-height:24px;color:#666666}
#nav a:hover{background-color:#eee; color:#000;}
#nav div{display:none; border:1px solid #000; border-top:none}
</style>
<script type="text/javascript">
function $(id){return document.getElementById(id)}
window.onload = function(){
$("nav").onclick = function(e){
var src = e?e.target:event.srcElement;
if(src.tagName == "H3"){
var next = src.nextElementSibling || src.nextSibling;
next.style.display = (next.style.display =="block")?"none":"block";
}
}
}
</script>
</head>
<body>
<div id="nav">
<h3>管理區</h3>
<div>
<a href="#">建議</a>
<a href="#">鏈接</a>
<a href="#">聯系</a>
</div>
<h3>交流區</h3>
<div>
<a href="#">JavaScript</a>
<a href="#">Delphi</a>
<a href="#">VC++</a>
</div>
</div>
</body>
</html>
10、網頁製作 html,js搜索中的下拉菜單是怎麼出來的
將一個DIV的position樣式設置為absolute, display樣式設置為none;
文本框的版權onpropertychange事件中使用JS將DIV的display樣式設置為block
DIV數據通過Ajax填充.
document對象的onclick事件中使用JS將DIV的display樣式設置為none
簡單說這就是實現原理.