网页上怎么做下拉框

发布网友 发布时间：2022-03-22 04:06

我来回答

共3个回答

热心网友 时间：2022-03-22 05:35

网页下拉框可以通过以下方法实现：

工具/原料
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
切换到“预览”模式，就可以看到菜单的效果了。

热心网友 时间：2022-03-22 06:53

<!--
    思路:给你第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>

热心网友 时间：2022-03-22 08:28

亲 网页上怎么做下拉框 ，可以用常见的几种方法

js来实现， 网上很多类似的 js下拉框。搜下

使用div+css 来实现。

具体还要根据你的网站情况来确定比较适合你的方案。