`

DIV显示和隐藏

    博客分类:
  • html
阅读更多
<script type="text/javascript">
	function _display(x){
		if($('stat').value == 'b')
			//document.getElementById(x).style.display = "";
			$(x).style.display = "";
		else{
			$(x).style.display = 'none';
		}
	}
	function $(_id){
		return document.getElementById(_id);
	}
</script>

<select  id="stat" name="stat" class="public_text02" onchange = "_display('layer')">
	<option value="">--请选择--</option>
	<option value="a">a</option>
	<option value="b">b</option>
	<option value="c">c</option>
</select>

<div id="layer" style="display:none;">
	When choosing b, the display value of b.
	Otherwise hidden
</div>
分享到:
评论

相关推荐

    控制Div显示和隐藏

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

    Div显示与隐藏网页制作

    在"Div显示与隐藏网页制作"这个主题中,我们将探讨如何利用`Div`实现网页元素的动态显示和隐藏,这对于创建交互式和响应式的网页至关重要。 在网页设计中,有时我们需要根据用户的行为或者特定条件来控制某些内容的...

    纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存

    在这个特定的主题中,“纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存”是指通过CSS实现的一种交互效果:当鼠标悬停在一个div上时,另一个关联的div会显示出来,同时其他无关的div保持隐藏状态。这种效果在创建导航...

    网页设计div的显示和隐藏

    ### 网页设计中的div显示与隐藏技术详解 在网页设计中,div元素作为最基本的容器之一,被广泛应用于布局、样式控制等多个方面。而如何有效地控制div元素的显示与隐藏,则是实现交互式设计的重要手段之一。本文将...

    onclick事件实现div的隐藏和显示

    总之,掌握 `onclick` 事件及其在控制 `div` 显示隐藏中的应用是前端开发的基础,这有助于创建更具交互性的网页。同时,熟悉源码阅读和开发者工具的使用,能帮助开发者更好地理解代码逻辑,定位并解决问题。

    div显示隐藏效果

    总之,`div`的显示隐藏效果是前端开发中的基本技巧,它涉及到HTML、CSS和JavaScript的综合运用。掌握这一技能可以帮助开发者更好地控制网页的交互性和用户体验。通过不断学习和实践,你可以创造出更多富有创意的显示...

    js实现多div的显示和隐藏

    在网页设计中,我们经常需要控制多个div(文档对象模型中的一个元素)的显示和隐藏,以实现诸如选项卡、轮播图等效果。本文将详细讨论如何使用JavaScript实现多div的显示和隐藏,以及如何创建简单的选项卡功能。 ...

    div左侧显示和隐藏

    div实现iframe的框架左侧隐藏与显示实例;代码非常简单;分享给大家

    jquery之超简单的div显示和隐藏特效demo(分享)

    接下来,我们来看一下如何使用jQuery控制`div`元素的显示和隐藏。在JavaScript部分,定义了四个函数:`hiden()`, `slideToggle()`, `show()`, 和 `toggle()`,这些函数分别对应不同的显示和隐藏效果。 1. `hiden()`...

    JS实现各种动态显示隐藏div效果

    实践中,还可以结合CSS3的`animation`属性和JS的事件监听来实现更复杂的交互行为,例如点击按钮触发显示隐藏效果,或者根据用户滚动页面自动显示和隐藏元素。对于前端开发者来说,理解和掌握这些技巧是提升网页动态...

    ajax控制div窗口显示和隐藏

    三、Ajax控制Div显示 要使用Ajax来控制div的显示,首先需要在JavaScript中创建一个Ajax请求。在接收到服务器响应后,根据返回的数据决定是否显示或隐藏特定的div。例如,服务器可能返回一个JSON对象,其中包含一个...

    Div显示隐藏

    总的来说,`div` 显示隐藏是网页动态效果的基础,结合 CSS 的伪类和选择器,我们可以实现丰富的用户交互。通过熟练掌握这些技巧,开发者可以构建出更直观、更易用的网页界面。在实际项目中,还可以考虑使用 ...

    ASPnet(C#)中的DIV的显示隐藏问题

    &lt;title&gt;ASP.NET显示隐藏示例 function toggleDiv() { var div1 = document.getElementById('&lt;%= div1.ClientID %&gt;'); var div2 = document.getElementById('&lt;%= div2.ClientID %&gt;'); if (div1.style.display...

    Div显示小窗口源码

    3. **JavaScript/jQuery**:包含了控制Div显示和隐藏的函数,可能使用事件监听器响应用户的点击或其他交互。同时,这部分代码也可能包含AJAX调用,用于异步加载窗口内容。 4. **ASP.NET AJAX**:可能使用了...

    JavaScript 动态隐藏、显示DIV 页面刷新后也不会改变隐藏状态

    使用JQUERY做的一个页面DIV动态隐藏 显示 点击+号图片后 DIV会自动隐藏 点击-号图片后 DIV会自动显示 隐藏的DIV区域内的控件值后台仍可以取得到,当页面刷新时,也不会改变隐藏区域的隐藏状态 使用JQUERY将页面状态...

    javascript实现显示和隐藏div方法汇总

    - `box-sizing: border-box`使得元素的宽度和高度包含边框和内边距,通过改变尺寸实现隐藏和显示。 这些方法在不同场景下各有优缺点,选择哪种方式取决于具体需求,例如是否需要保留元素空间、是否涉及动画效果等...

    点击按钮(a标签)隐藏显示div内容,切换div内容

    点击按钮(a标签)隐藏显示div内容,切换div内容

    鼠标经过显示隐藏div

    在Web开发中,通过JavaScript(简称JS)和CSS结合可以实现很多动态效果,其中“鼠标经过显示隐藏div”就是一个非常实用的功能。本文将详细解析如何利用这些技术来实现一个响应鼠标事件、能够显示和隐藏特定元素(本...

    CSS控制DIV层显示和隐藏的实现方法

    二、CSS控制显示隐藏的具体方法 在前端开发中,我们可以通过CSS属性直接控制元素的显示和隐藏,也可以通过JavaScript来动态控制。 1. CSS直接控制: 可以直接在CSS样式表中为元素添加display或visibility属性来控制...

Global site tag (gtag.js) - Google Analytics