wwfl.net
当前位置:首页 >> Div隐藏和显示 >>

Div隐藏和显示

方法:打开html开发软件,新建一个html文件,在html文件上创建一个button按钮,然后给这个按钮设置一个id,在案例中把按钮的id设置为show.然后创建一个隐藏的div,把需要隐藏的内容写到这个div上,然后给这个div设置一个id,在案例中

这个就用jquery了,很方便 在你的页面里包含一个jquery的js文件,先网上下下来,放在你的一个目录下包含到页面里 先设置为隐藏 这个为显示的 两个按钮 这个是最简单的jquery运用

简单的很,先写个函数把所有的div都隐藏了.然后再单独显示需要显示的div就行了.给你个简单例子.修改一下就好了.<DIV id="one" class=""> one</DIV><br><DIV id="two" class=""> two</DIV><INPUT type="button" value="只

我只写关键的哦,首先将div设置一个id 比如:id="div1" 将div1的CSS默认的显示方式 设置为display,然后再通过JS的点击事件将display换成block.function showHide(){ var oDiv=document.getElementById('div1'); if(oDiv.style.display=='block') {oDiv.style.display='none'; } else { oDiv.style.display='block'; }}</script>最后 将a b c 的各自设置一个onclick="showHide()" 即可!

document.all.ID.style="display:none"这个是隐藏document.all.ID.style="display:block"这个是显示

不只是DIV,网页上几乎所有元素都可以通过CSS控制它隐藏或显示.这种功能方便用来做一些可收缩或展开的菜单,或者做一些其它的动态效果,典型的就是tab切换效果.

<script script type="text/javascript"> function qieHuan(){ var div1 = document.getElementById("div1"); if(div1.stytle.display=="block"){//注意这里,用== div1.stytle.display="none"; }else{ div1.stytle.display="block"; } } </script>

找出这两个div的class或id做相应的显示或隐藏处理即可;//要显示的div;//要隐藏的div;显示:style="display:block"或者$('#div_1').show();隐藏:style="display:none"或者$('#div_2').hide();

会什么编程语言吗,你完全可以用语言来写啊!否则就用dreamweaver的行为功能来做啊

javascript控制页面控件隐藏显示的两种方法,方法的不同之处在于控件隐藏后是否还在页面上占位 方法一:document.all["PanelSMS"].style.visibility="hidden"; document.all["PanelSMS"].style.visibility="visible"; 方法二:document.all[

网站首页 | 网站地图
All rights reserved Powered by www.wwfl.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com