`

CSS+DIV实现下拉列表

阅读更多
<html> 
<body text="#ffffff"> 
<!-----------菜单js内容----------> 
<script language=javascript> 
ie4
=(document.all)?true:false
ns4
=(document.layers)?true:false
function toExit(){ 
var args
=toExit.arguments; 
var visible
=args[0]; 
if(ns4){ 
theObj
=eval("document.layers[\'"+args[1]+"\']"); 
if(theObj)theObj.visibility=visible; 

else if(ie4){ 
if(visible=='show')visible='visible'
if(visible=='hide')visible='hidden'
theObj
=eval("document.all[\'"+args[1]+"\']"); 
if(theObj)theObj.style.visibility=visible; 


</script> 
<!-------这是菜单层-------> 
<div id=boysoft onMouseOut="javascript:toExit('hide','boysoft')" onMouseOver="javascript:toExit('show','boysoft')" 
style
="HEIGHT: 20px; LEFT: 9px; POSITION: absolute; TOP: 36px; VISIBILITY: hidden; WIDTH: 30px; Z-INDEX: 1; background-color: #666666; layer-background-color: #666666; border: 1px none #000000"> 
<select onchange="change(this)">
    
<option value="1">全选</option>
    
<option value="2">反选</option>
    
<option value="0">取消</option>
</select>
</div> 
<a onMouseOver="javascript:toExit('show','boysoft')" ><font color="#0000FF">选择</font></a> 
</body> 
分享到:
评论

相关推荐

    CSS+DIV常用方法说明

    通过合理利用CSS与`&lt;div&gt;`,可以实现响应式设计、灵活的网格布局以及丰富的视觉效果。本文将深入探讨CSS+DIV的一些核心概念和实用技巧,帮助读者更好地掌握网页布局的艺术。 #### CSS+DIV布局基础 1. **盒模型**:...

    div+css 下拉列表

    在这个特定的场景中,"div+css 下拉列表"是指利用这种方法创建交互式的下拉菜单,常用于网站导航,以提供多级分类或子菜单的展示。这种技术的关键在于实现良好的浏览器兼容性,特别是针对老旧的IE6和现代的火狐浏览...

    css+div经典代码大全

    描述:此资源提供了一系列CSS与DIV结合的经典代码实例,旨在帮助前端开发者理解和掌握如何运用CSS对DIV元素进行样式设计和布局控制,从而实现复杂且美观的网页界面。 标签:“Css代码”表示该文档聚焦于CSS语言的...

    利用css+div设计的下拉菜单

    通过以上步骤,我们可以创建一个基本的CSS+div下拉菜单。不过,实际应用中可能还需要考虑更多细节,如防止下拉列表被其他元素遮挡、优化触摸设备的交互等。总的来说,理解和熟练掌握CSS布局和选择器是构建高效、灵活...

    css+div实现精美导航条 横向排列下拉子菜单

    本文将详细介绍如何利用CSS和Div来实现这一目标,以及如何通过JavaScript添加动画浮动效果。 首先,我们需要理解CSS的作用。CSS是一种样式语言,用于定义HTML或XML(包括如SVG、MathML等各种XML方言)文档的呈现。...

    精通CSS+DIV网页样式与布局[书中实例]

    通过学习和实践这些实例,读者可以掌握如何有效地使用CSS+DIV进行网页设计,实现美观、功能完备且适应多设备的网页。同时,这也为深入学习前端开发的其他技术,如JavaScript和响应式框架(如Bootstrap)打下了坚实...

    jquery+css+div实现select选择框样式

    此form select下拉控件是使用div+jq+css实现,其表单功能正常使用,能正常传值。根据需要修改css背景、css宽度、css高度等图片或css样式实现自己想要的select下拉菜单表单美化效果。演示地址:...

    CSS+div下拉菜单(js).pdf

    【CSS+div下拉菜单与JavaScript的实现】 在网页设计中,下拉菜单是一个常见的功能,它可以帮助用户更高效地浏览和访问网站的多层次结构。本文将深入探讨如何使用CSS和div结合JavaScript来创建一个跨浏览器兼容的...

    CSS+DIV典型模板

    5. **内容区域布局**:内容区域可能包含文章、图片、列表等元素,模板会展示如何通过CSS+DIV实现模块化布局,使内容清晰有序。 6. **表单设计**:CSS可以帮助美化和布局表单元素,如输入框、按钮、复选框和单选按钮...

    CSS+DIV基础页面代码

    在网页设计领域,CSS(Cascading Style Sheets)与DIV元素是构建现代网页布局的核心工具。CSS用于控制网页的样式、布局和表现,而DIV是一个HTML(HyperText Markup Language)标签,常作为容器来组织页面内容。这个...

    JS+CSS实现下拉列表框美化效果(3款)

    总的来说,JS+CSS实现下拉列表框美化效果是提高网页用户体验的重要手段,它需要开发者具备良好的前端技术基础,包括理解CSS布局原理和JavaScript编程技巧。通过灵活运用这些技术,可以创造出既实用又美观的网页元素...

    静态前端网页制作html+css+div+jquery电子商务网站玩具商城购物系统.rar

    Div(Division)是CSS中的一个布局容器,通过设置div的样式,我们可以实现灵活的网页布局,比如响应式设计,使网页在不同设备上都能呈现良好的视觉效果。在本项目中,Div+CSS的组合可能被用来创建商品展示区域、导航...

    蓝色超炫css+div模板下载

    【标题】:“蓝色超炫css+div模板下载” 在网页设计领域,CSS(层叠样式表)和HTML(超文本标记语言)是构建网站布局和样式的两大核心技术。本资源提供了一个“蓝色超炫css+div模板”,它是一种基于这两项技术的...

    HTML CSS+DIV菜单

    这段CSS代码将无序列表的默认样式移除,使列表项紧密排列,并在鼠标悬停时显示下拉子菜单。`position`属性用于实现下拉菜单的定位,而`visibility`属性控制了子菜单的显示与隐藏。 DIV是HTML中的一个通用容器元素,...

    CSS+DIV+JS导航显示

    在网页设计领域,CSS(Cascading Style Sheets)与DIV元素是构建页面布局的重要工具,而JavaScript(JS)则用于实现交互性和动态效果。"CSS+DIV+JS导航显示"这个主题聚焦于如何利用这些技术来创建高效且用户体验良好...

    DIV+CSS+JS仿Select下拉表单

    在网页设计中,"DIV+CSS+JS仿Select下拉表单"是一种常见的技术,用于创建自定义且具有更丰富交互性的下拉选择组件。这种技术通常用来替代原生HTML中的`&lt;select&gt;`元素,因为它提供了更多的设计自由度和用户体验优化的...

    DIV + CSS + JAVASCRIPT + 模仿 HTML中select

    在HTML中,`&lt;select&gt;`元素用于创建一个下拉列表,用户可以从中选择一个或多个选项。例如: ```html &lt;option value="option1"&gt;Option 1 &lt;option value="option2"&gt;Option 2 &lt;option value="option3"&gt;Option 3 ``...

    html+css+js下拉列表小三角.docx

    HTML、CSS 和 JavaScript 实现下拉列表小三角形样式 在网页设计中,下拉列表是一种常见的交互方式,通常情况下,它们都是以矩形或圆角矩形的形式出现。但是,有时我们也需要实现下拉列表的小三角形样式,例如日期...

    后台管理模版CSS+DIV

    【后台管理模版CSS+DIV】是一个用于构建高效、美观且功能丰富的后台管理界面的设计框架。这个模版集合了多种前端技术,包括CSS(层叠样式表)、DIV(HTML布局元素)、JavaScript(基础脚本语言)以及jQuery(一个轻...

    div+css+jquery

    例如,使用 `div` 定义页面的结构,CSS 进行美化,而 jQuery 则负责提供动态效果,如鼠标悬停时的动画、点击触发的下拉菜单等。通过 jQuery,开发者可以轻松实现平滑的滚动效果、页面元素的淡入淡出、表单验证等功能...

Global site tag (gtag.js) - Google Analytics