如何使用dreamwaver在html网页中做出带链接的下拉列表框?
3个回答
展开全部
我刚才写了一个简单的代码,你按照这种思路应该就可以了
至于外观上面的你可以加点背景图片,变成跟真的下拉框一样的
主要利用css和js编写:
<html><head>
<script type="text/javascript">
function get() {
document.getElementById("id").style.display= 'block';
}
</script></head>
<body><br />第一种:<br />
<div class="hosp"><input type="text" value="请选择" style="width:180px;"/><input type="button" onmouseup="get()" value=">" />
</div>
<div id="id" style="display:none;width:240px;">
<table border="1">
<tr><td width="200"><a href="#">aaa</a></td></tr>
<tr><td width="200"><a href="#">bbb</a></td></tr>
<tr><td width="200"><a href="#">ccc</a></td></tr>
</table>
</div>
</body>
</html>
不懂的请Hi我
至于外观上面的你可以加点背景图片,变成跟真的下拉框一样的
主要利用css和js编写:
<html><head>
<script type="text/javascript">
function get() {
document.getElementById("id").style.display= 'block';
}
</script></head>
<body><br />第一种:<br />
<div class="hosp"><input type="text" value="请选择" style="width:180px;"/><input type="button" onmouseup="get()" value=">" />
</div>
<div id="id" style="display:none;width:240px;">
<table border="1">
<tr><td width="200"><a href="#">aaa</a></td></tr>
<tr><td width="200"><a href="#">bbb</a></td></tr>
<tr><td width="200"><a href="#">ccc</a></td></tr>
</table>
</div>
</body>
</html>
不懂的请Hi我
展开全部
用dreamwaver做,不必亲自输入代码,只需按要求改,你只需在文字下方添加一个div,为文字添加两个行为,一是鼠标经过显示div二是鼠标离开消除div,再在div中添加链接
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2013-01-26
展开全部
加链接,,,可以加上列表框的动作,,就是onchange啊onmouseover等的动作 跳转到那个页面就可以了。再者个人感觉可以直接在文字外围加上a标签,,,不过偶没试过。。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询