div的显示和隐藏

比较简单实现.style.display控制层隐藏或显示属性.

<html>

<body>

<script>

function show(){

document.getElementById("div").style.display="";

//alert(document.getElementById("div").style.display)

}

function hidden(){

document.getElementById("div").style.display="none";

//alert(document.getElementById("div").style.display)

}

</script>

<BODY>

<input name="name" type="button" onClick="show();" value="显示">

<div id="div" style="display: none" onMouseout="hidden();">

show it

</div>

</BODY>

</HTML>

div的显示和隐藏

时间： 2025-01-02 18:15:45

div的显示和隐藏的相关文章

jquery实现的div的显示和隐藏效果

jquery实现的div的显示和隐藏效果:在网页的实际应用中,有些模块需要根据需要显示或者隐藏,下面就提供了几个这方面的实例,代码非常的简单,都是使用jquery自带的函数实现的,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>div隐藏显示效果</title> <style type="text/css&qu

利用JavaScript通过单选框radio控制div的显示和隐藏

通过鼠标单击单选框的动作,实现某个div或多个div的显示和隐藏.实例如下: JavaScript代码如下: 1 function divClick(){ 2 3 var show = ""; 4 show = $("input[name='AdPrintMode']:checked").val(); 5 switch (show){ 6 case '1': 7 document.getElementById("img1").style.disp

DIV的显示与隐藏

*********************div的显示和隐藏************************************ 一.不占位 1.隐藏 div对象.style.display = "none"; 2.显示 div对象.style.display = "block"; 点击的时候,第一次不能正常显示,需要点第二次...为什么? 原因是: 内嵌样式 设置了div 的 display: none 在js代码中无法获得内嵌样式display 期望得到no

jquery实现点击控制div的显示和隐藏

我们使用点击显示.点击隐藏的时候,一般有两种可选方案 .示例 html <div class="index"> <h1> 首页 </h1> <button id="btn">点击</button> </div> 最简单的方法:toggle()   点击显示 h1 和 点击 隐藏 h1 $(function () { $("#btn").click(function () {

简简单单，jquery中，使用checkbox控制div的显示与隐藏

今天开发代码时,发现好久不用jquery就生疏了. 所以作这个记录, 使用checkbox控制div的显示与隐藏. 一,html代码处: <input type="checkbox" name="checkYaml" id="checkYaml" /> Yaml发布 <div id="branch_build_div"> {{ form.branch_build }} </div> 二,JS

js封装函数控制div的显示与隐藏

<div id="test"></div> JS: <script> function ShowDivBoxOrNot(objName, bShow) { if (bShow == true) { document.getElementById(test).style.display = "block"; } else { document.getElementById(test).style.display = "no

原生JS的移入溢出控制div的显示与隐藏

原生JS的移入溢出控制div的显示与隐藏的写法 上面的写法火狐存在兼容性 原文地址:https://www.cnblogs.com/malong1992/p/11783639.html

$(document) 和 $(e.target)实现div的显示和隐藏

$(document).click(function(e){ if($(e.target).hasClass("zm_view")){        $(".question").hide();        $(e.target).parent().parent().next().show(); } }); $(document) 是当前文档,就是你看到的整个网页 $(window) 如果没有框架则就是你浏览的当前浏览器的窗口

实现对div的显示隐藏

jQuery对div的显示和隐藏: 显示: 复制代码 代码如下: $("#id").show() 隐藏: 复制代码 代码如下: $("#id").show() js对div的显示和隐藏: div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白 复制代码 代码如下: style="visibility: none;" document.getElementById("typediv1").style.vi