网页上怎么做下拉框
发布网友
发布时间：2022-04-21 08:11
共3个回答
热心网友
时间：2023-11-07 17:17
网页下拉框可以通过以下方法实现：
工具/原料
Frontpage软件
前期准备工作：
1
打开Frontpage软件，单击菜单栏“插入”——表单——下拉框。
2
在“设计”模式下，把页面上的“提交”和“重置”按钮删除掉。
3
在“设计”模式下，双击下拉框，弹出“下拉框属性”对话框，单击“添加”按钮。
4
在弹出的“添加选项”对话框中，在选项中写上“AAA”，单击“确定”。
5
用同样的方式添加“BBB”和“CCC”2个选项，在“下拉框属性”对话框，单击“确定”按钮。
END
添加 onchange 效果：
1
把刚才制作好的下拉框，切换到代码编辑模式。
2
在代码中找到<select size="1" name="D1">并修改为“<select onchange="window.location.href=this.options[this.selectedIndex].value " size="1" name="D1">”。
END
制作菜单链接：
在代码中找到：
“<option value="AAA">AAA</option>
<option value="BBB">BBB</option>
<option value="CCC">CCC</option>”，把value="AAA"（"BBB"和"CCC"）变为value="网址1.htm"（"网址2.htm"和"网址3.htm"）。
2
切换到“预览”模式，就可以看到菜单的效果了。
热心网友
时间：2023-11-07 17:18
<!--
思路:给你第1个div设置一个id,第2个div设置id,它的内容就是你下面那个客服内容.只是下 面客服的那一步部分先不显示,给第一个div添加鼠标悬停onmouserover事件,当鼠标放上去 的时候,div2显示,移开onmouserout的时候div2隐藏
最关键的就是这两个事件.当事件触发的时候,通过js过去div元素控制隐藏和显示
-->
追问意思看懂了，但我是小白，不会代码。能不能具体写一下代码。谢谢
追答<!--我写简单一点,具体内容你自己编写吧.-->
<!-- 这是js控制代码
引入jquery文件
-->
<script type="text/javascript">
function over(){
$("#div2").css("display:block");
}
function out(){
$("#div2").css("display:none");
}
<script>
<!--这是显示内容 -->
<div id="div1" onmouseover="over()">组织<div>
<div id="div2" style="display:none">客服1:<a href="#">客服1</a></div>
热心网友
时间：2023-11-07 17:18
亲 网页上怎么做下拉框 ，可以用常见的几种方法
js来实现， 网上很多类似的 js下拉框。搜下
使用div+css 来实现。
具体还要根据你的网站情况来确定比较适合你的方案。
