hidden 相关问题

我正在实现一个具有一些隐藏内容的组件，只需单击一下按钮即可显示出来。我想对显示内容的最大高度进行过渡，例如：...] >>>> [[ 看起来像具有hidden属性的元素具有这样的浏览器porpertis： div[Attributes Style] { display: none; } [display: none;正在破坏动画。这可能是一个解决方案，对我有用： .content { overflow: hidden; height: auto; max-height: 200px; width: 200px; background-color: darkgray; transition: max-height 1000ms; display: block !important; /*added this*/ } height: auto;没有动画效果，但是height属性。但是，当您的元素被隐藏(display: none)时，您将无法获得高度。因此，您需要克隆它并获取高度，然后可以使用该高度应用动画。充分了解此[Q-A] <!DOCTYPE html> <html> <head> <title>Avinash</title> <style> #slider { margin:0px auto; padding:0px; width:400px; border:1px solid #000; background:#0f0; height:20px; overflow:hidden; } </style> <script> var minheight = 20; var maxheight = 300; var time = 1000; var timer = null; var toggled = false; window.onload = function() { var controler = document.getElementById('slide'); var slider = document.getElementById('slider'); slider.style.height = minheight + 'px'; controler.onclick = function() { clearInterval(timer); var instanceheight = parseInt(slider.style.height); var init = (new Date()).getTime(); var height = (toggled = !toggled) ? maxheight: minheight; var disp = height - parseInt(slider.style.height); timer = setInterval(function() { var instance = (new Date()).getTime() - init; if(instance < time ) { var pos = Math.floor(disp * instance / time); result = instanceheight + pos; slider.style.height = result + 'px'; document.getElementById('log').innerHTML = 'Current Height : <b>' + result + '</b><br /> Current Time : <b>' + instance + '</b>'; }else { slider.style.height = height + 'px'; //safety side ^^ clearInterval(timer); controler.value = toggled ? ' Slide Up ' :' Slide Down '; document.getElementById('log').innerHTML = 'Current Height : <b>' + height + '</b><br /> Current Time : <b>' + time + '</b>'; } },1); }; }; </script> </head> <body> <h1> Toggle Slide </h1> <input type="button" id="slide" value =" Slide Down "/> <span id="log" style="position:absolute; left:10px; top:150px;"></span> <br /> <div id="slider"> content goes here </div> </body> </html>

javascript html css accessibility hidden

回答 2 投票 0

隐藏的HTML输入元素的Value属性中可以设置的最大字符数是什么？

我需要将value =“ 12345”属性设置为5,000个字符的大小。我可以将此属性设置为的最大字符数是多少？

html forms input hidden hidden-field

回答 1 投票 0

除非已登录，否则隐藏价格

除非登录到我的网站，否则我需要隐藏以下内容。 .imagemapper-wrapper .my_product_price {display：none！important; }目前，它对所有人都是隐藏的。感谢您的帮助！

wordpress woocommerce hidden catalog

回答 1 投票 0

HTML中按钮的隐藏属性

我试图在单击一次按钮时显示三个按钮。在单击按钮之前，所有三个按钮均被隐藏。我设置了hidden属性，并且在单击按钮时也调用了一个函数。问题是...

html button hidden

回答 2 投票 27

显示与可见性

在我的一页中，我有两种情况。如果没有找到事件，则第一个 [] [display: none...不起作用，而visibility:hidden...起作用，因为display: none从页面上删除了受影响的元素，而visibility:hidden不起作用。由于display:none删除了包含的div，因此您不能再要求显示包含的div。从您的Codepen： .mec-skin-list-events-container { visibility:hidden; /*display:none;*/ } .mec-skin-list-events-container > div { visibility:visible; /*display:block;*/ }

html css visibility hidden display

回答 1 投票 0

[选择Struts2的jQuery选项

我正在使用JSP + Struts2 + JQuery的项目，具有以下功能要求：我有n个应该更换的教师。一旦将1位老师选为“病假”，用户必须选择1 ...

jquery select struts2 onchange hidden

回答 1 投票 0

是否可以扫描或找到网站中的目录？

我打算在网站上插入一些数据，我想知道是否可以扫描或找到目录，在这种情况下，这会导致我的数据泄漏。我有什么需要担心的吗？我也可以...

security web directory hidden hidden-field

回答 1 投票 0

是否有任何建议在tor中建立数据库？

所以我试图在tor中建立一个数据库，但是没有运气找到关于它的帖子，如果它以前曾发布过，对不起，但是我没有运气找到一个，除了mysql以外没有任何建议？