div控制 - 深未来(深度创造未来)[deepfuture@yeah.net] - ITeye博客

`

deepfuture

浏览: 4411143 次
性别:
来自: 湛江

最近访客更多访客>>

linxl2011

mars36

jccz_zys

zkm0309

博主相关

博客

微博

相册

收藏

留言

关于我

博客专栏

: SQLite源码剖析
浏览量：80123

: WIN32汇编语言学习应用...
浏览量：70323

: 神奇的perl
浏览量：103573

: lucene等搜索引擎解析...
浏览量：286522

: 深入lucene3.5源码...
浏览量：15039

: VB.NET并行与分布式编...
浏览量：67776

: silverlight 5...
浏览量：32280

: 算法下午茶系列
浏览量：46072

文章分类

社区版块

存档分类

最新评论

yoyo837： counters15 写道目前只支持IE吗？插件的东西是跨浏览 ...
Silverlight 5 轻松开启绚丽的网页3D世界
shuiyunbing：直接在前台导出方式：excel中的单元格样式怎么处理，比如某行 ...
Flex导出Excel
di1984HIT：写的很好~
lucene入门-索引网页
rjguanwen：在win7 64位操作系统下，pygtk的Entry无法输入怎 ...
pygtk-entry
ldl_xz： http://www.9958.pw/post/php_exc ...
PHPExcel常用方法汇总(转载)

div控制

博客分类：

脚本语言

JavaScript CSS HTML F#Cache

阅读更多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<meta   http-equiv="pragma"   content="no-cache">
<meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">
<title> 新建网页 </title>
<style   type="text/css">
#mylayer   div{
display:none;
}
</style>
</head>
<body>
<select   id="sel"   onchange="f(this);">
<option> a </option>
<option> b </option>
<option> c </option>
<option> d </option>
</select>
<div   id="mylayer">
<div style="display:block;"> 层1 </div>
<div> 层2 </div>
<div> 层3 </div>
<div> 层4 </div>
</div>

<script   language="javascript">
function   f(obj){
var   mylayers   =   document.getElementById("mylayer").getElementsByTagName("DIV");
for(var   i=0;   i <mylayers.length;   i++){
mylayers[i].style.display   =   "none";
}
mylayers[obj.selectedIndex].style.display   =   "block";
}
</script>
</body>

分享到：

js开源库获得 | js操作select大全(转)

2010-06-18 17:26
浏览 1627
评论(0)
分类:编程语言
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

javascript div 控制器: 利用javascript写的，div生成器，大家可以下载看看

css+div控制表格标签代码: 标题“css+div控制表格标签代码”表明我们将探讨如何利用CSS来改变和优化HTML表格的样式，使其符合网页设计的一般需求。表格在网页中常用于展示结构化数据，其基本HTML标签包括`<table>`、`<tr>`（行）、`<th>`...

漂亮的网站源码30个【华丽的JS特效+DIV控制布局】: 漂亮的网站整站源码30个【DIV控制布局+华丽的JS特效】 30个漂亮的网站源码所有网站都采用CSS控制样式展现，没有table，都是DIV控制布局！更有一些网站有华丽丽的JS特效。 36个网站中包含了各行各业的网页设计，譬如...

div控制条形图下面指针的指定位置: "div控制条形图下面指针的指定位置"这个话题涉及到如何利用HTML的div元素以及JavaScript技术来实现一个条形图，并精确控制其中的指针在特定位置的显示。这通常用于制作数据仪表盘、数据分析界面等，帮助用户直观地...

div控制最小高度又自适高度: 在网页布局设计中，`div`元素经常作为基础容器，用于组织页面内容。有时候，我们需要一个`div`既能保持一个最小的高度，以确保页面的基本结构，同时又能根据内部内容自动扩展其高度，以适应不同数量的内容。这在网页...

DIV可移动可实现任意拖动放大缩小: 这涉及到获取鼠标的当前位置和div的初始位置，然后更新div的`style.left`和`style.top`属性。 4. **缩放功能**：实现div的缩放功能，可能需要监听`mousedown`和`mousemove`事件，并且需要计算鼠标点击的位置（作为...

使用css和div控制网页（一些例子：我的主页，情感小驿，网站logo，简单动画）.zip: 本教程通过一系列实例展示了如何利用CSS和`div`来控制网页的样式、布局和交互效果，包括“我的主页”、“情感小驿”、网站Logo以及简单的动画效果。首先，我们来看`div`元素。`div`是一个通用的容器标签，用于组合...

js控制div全屏: 在网页设计中，有时我们需要将某个`div`元素设置为全屏显示，以提供沉浸式的用户体验或特定功能的实现。JavaScript（简称js）作为一种强大的客户端脚本语言，可以帮助我们轻松实现这一需求。在这个项目中，我们使用...

HTML5_中_div_section_article_的区别: 同时，整个页面的结构可能由 div 控制，以实现视觉布局和样式化。在编写 HTML5 代码时，遵循语义化的原则至关重要，这不仅有助于搜索引擎优化（SEO），还可以提高可访问性，使屏幕阅读器和其他辅助技术能更好地...

ajax控制div窗口显示和隐藏: 本主题主要关注如何使用Ajax来控制div窗口的显示和隐藏，这对于实现交互式用户体验至关重要。一、Ajax基础 Ajax的核心是JavaScript对象XMLHttpRequest，它在后台与服务器进行通信，实现了异步数据传输。创建一个...

js控制div左右切换带左右箭头: 在网页设计中，"js控制div左右切换带左右箭头"是一种常见的交互效果，它用于展示多内容区域，用户可以通过点击或悬浮在左、右箭头上实现内容的切换。这种效果常见于产品展示、轮播图或者选项卡式布局中，能够提供...

js控制六个div的大小变化: 在网页开发中，JavaScript（JS）是一种至关重要...总之，JavaScript控制<div>的大小变化以及添加动画效果，是网页动态设计中的常见手法。通过合理的JavaScript代码和CSS样式，我们可以创建出丰富多样的交互式用户界面。

控制Div显示和隐藏: 本程序在网页中设计了Div层的显示和隐藏，代码简单、实用。

div浮出控制层伸缩: div浮出控制层伸缩 div浮出控制层伸缩 div浮出控制层伸缩

单选按钮控制div: 单选按钮控制div显示本代码是5个单选然后控制5个div

JS控制div跳转到指定的位置的几种解决方案总结: <div id="div1">div1</div> <div id="div2">div2</div> <div id="div3">div3</div> ``` 这种方法的优点是不需要额外的JavaScript代码，即插即用，且兼容性好。但它的缺点也很明显：点击链接后URL会改变，页面刷新时...

js控制div分散合拢淡出淡入效果: 在JavaScript（JS）中，...这个例子中的“js控制div分散合拢淡出淡入效果”是一个很好的起点，帮助开发者了解如何用JS实现此类特效，特别是在IE环境下。在实践过程中，不断学习和优化代码，将有助于提升JS编程技能。

JQ控制两DIV高度自动相等: "JQ控制两DIV高度自动相等"这个话题就是关于如何使用JavaScript库jQuery来实现这一功能。这里我们将深入探讨如何实现这个效果，以及涉及到的相关知识点。首先，我们有两个主要的HTML元素，即两个`div`，它们的初始...

JS控制DIV自适应高度: 然而，这种方法不适用于所有情况，特别是当需要精确控制div高度时。 2. **JS监听内容变化**：可以使用JavaScript的事件监听器，如`MutationObserver`，来检测div内容的变化。一旦内容发生变化，就重新计算div的高度...

外部DIV如何强制宽度不被内部DIV撑开: 通过设置外部`<div>`的`overflow`属性为`hidden`或`auto`，我们可以有效地控制其宽度不受内部元素尺寸的影响。这两种方法各有优缺点：`hidden`简单明了，但可能隐藏掉重要的内容；`auto`则提供了一种更加用户友好的...

Global site tag (gtag.js) - Google Analytics