首页 > 基础知识 > 正文

js隐藏div,jquery 如何获取隐藏div中Input中的文本框值?

2020-04-30 09:42:18  来源:http://www.yummyboobs.net  编辑:admin

JS点击div时 展开隐藏的div同时可跳转链接

你上面说了两个效果。e799bee5baa6e79fa5e9819331333332623962。。。先给你一个效果。。看看。。<head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>无标题文档</title><style>#aa{cursor:pointer;}#box1{width:400px;}#bb{display:none;margin-top:15px;margin-left:15px;}</style><scripttype="text/javascript">document.getElementById(op).style.display="block";}functionhide(op){document.getElementById(op).style.display="none";}</script></head><body><!--方法2--><divid="box1"><divonmouseover="show('bb')"onmouseout="hide('bb')"id="aa"><ahref="cc.html"target="_blank">效果二</a></div><divid="bb"style="border:1px#CCCsolid;">==鼠标经时,显示其下方隐藏的。点击效果二,跳转页面至cc.html==</div></div></body>

js实现页面点击文字,div跳转,点红,div变成红,点黄,div红就隐藏,然后把另外的div黄显示

<html><head><metacharset="utf-8"/><style>.veiw{width:300px;height:300px;overflow:hidden;}.veiwdiv{width:300px;height:300px;}#color1{background:red;}#color2{background:blue;}#color3{background:black;}</style></head><body><ahref="#color1">红</a><ahref="#color2">蓝e799bee5baa6e78988e69d8331333337376362</a><ahref="#color3">黑</a><divclass="veiw"><divid="color1"></div><divid="color2"></div><divid="color3"></div></div></body></html>

当DIV为隐藏时不执行JS代码,当显示时开始执行

你的按钮百是同一个,还是两个?如果是两个按钮很好判断度,两个按钮传回来的参数是不一样的,内根据参数来判断不要用样式判断,例如:function preview(DivId) { A=1; if (DivId== A) { document.getElementById(DivId).style.display = '';此处加判断为开始执行容 } else { document.getElementById(DivId).style.display = 'none';此处加判断让其不执行 } }

用jquery或js 解决 div 失去焦点 达到隐藏的效果。 哪位帮忙看看。

写个例子给你抄HTML代码如下:<div id="obj">这是需袭要隐藏的百内容度</div>JS代码如下:$(document).ready(function() { $("#obj").hover( function(){$(this).css('display', 'block');}, function(){$(this).css('display', 'none');} );});原理,利用JS控制DIV的display已达到设置其可知见与不可见的目的谢谢采道纳

有9个div对应9个按钮,点击第一个div隐藏 后面8个div自动顶上去,怎么用JS控制,求全部代码

必须要按钮吗?div自己也可百以接收点击度事件。<!DOCTYPE html><head><meta charset="UTF-8"><title></title><style>div{border:1px solid red;width:100px;height:30px;position:relative;}</style><script>function hideDiv(div){div.style.display="none";}</script></head><body><div onclick="hideDiv(this)">1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div><div>8</div><div>9</div></body></html>