草庐IT

javascript - 如何使用 JQuery 使周围的 DIV 变暗(类似于灯箱,但没有弹出窗口)?

我希望用户在给定时间专注于屏幕的一部分。这个想法是淡化网页上除所需DIV之外的所有内容,因此将邀请用户在此区域工作。我正在寻找的效果看起来很像一个灯箱,除了没有弹出窗口,也没有加载任何内容,唯一改变的是外观和感觉(当然还有对点击的响应)。我以为inlinelightbox会是答案,但事实并非如此。我正在使用JQuery,尽管任何解决方案都值得赞赏,插件、手工制作的片段、拥抱、山羊牺牲等等...... 最佳答案 幸运的是,前几天我偶然发现了这个:http://flowplayer.org/tools/demos/toolbox/exp

javascript - 希望在 blur div 上构建悬停/契约(Contract)扩展

大家好,我已经在搜索引擎上苦苦思索了几个小时,我想我不妨问问...我需要构建一个div,它在模糊时是一个尺寸,比如300x30,在悬停时扩展到300x300并将其下方的所有内容向下推,并在模糊时恢复到300x30尺寸(“不再悬停”或任何你children现在又把它称为大声笑)。有人可以给我指出一些资源,甚至可以给我一些代码位来玩吗?将不胜感激! 最佳答案 如果您不需要动画,您可以在CSS中使用伪类。div.div{height:30px;width:300px;border:1pxsolidblack;}div.div:hover{

javascript - $ ("div.rows").children().length 不是函数

我正在测试返回此错误的长度属性:$("div.rows").children().lengthisnotafunctionvarcount=$('div.rows').children().length();$('div#header').html(count);当我使用.size();它确实向我显示了一个值为0的值,这仍然是错误的,但至少它不会返回错误。我正在为这个而烦恼。有什么想法吗? 最佳答案 它不是一个函数,它是一个数字属性,所以丢掉最后一个()对:varcount=$('div.rows').children().leng

javascript - div 滚动条宽度

是否有使用javascript/jquery获取滚动条宽度的简单方法?我需要得到溢出的div的宽度+滚动条的任何宽度。谢谢 最佳答案 如果你正在使用jquery,试试这个:functiongetScrollbarWidth(){vardiv=$('');$('body').append(div);varw1=$('div',div).innerWidth();div.css('overflow-y','auto');varw2=$('div',div).innerWidth();$(div).remove();return(w1-w

滚动后的Javascript粘性div

对于这里的许多人来说,这个问题可能很愚蠢。我在纯JS滚动后制作粘性div。有些人可能会建议在jQuery中制作它,但我对此不感兴趣。我需要的是类似于this的东西.这里div一直移动到顶部,但我需要它有60px顶部。我制作了一个脚本,但它不起作用。谁能帮我解决这个问题?这是我的代码。HTMLCSS#left{float:left;width:100px;height:200px;background:yellow;}#right{float:right;width:100px;height:1000px;background:red;margin-top:200px;}JSwindow

javascript - 如何从 div id 小到最大数字开始 .each?

我如何使“.each”从divid小数字“1”开始到大数字“5”...1/2/3/4/5假设我有这个divTID5TID4TID3TID2TID1我有这个jquery我正在使用什么,但是从第一个div类ID号“5”开始,但我需要从数字1开始......$("div[class*='TID_']").each(function(){//codeiscomehere...}); 最佳答案 尝试$("div[class*='TID_']").sort(function(e1,e2){return$(e1).attr('class')>$(

javascript - jQuery/AJAX - 单击按钮时将内容加载到 div 中?

有人可以帮忙吗?我想填充一个div例如使用来自外部文件的内容,例如/includes/about-info.html当单击具有特定类别的按钮时,例如ClickHere是否有人可以向我展示实现此目的的快速代码示例? 最佳答案 使用jQuery.click和jQuery.load:$(document).ready(function(){$('.classloader.').click(function(){$('#contenthere').load('/includes/about-info.html');});})

javascript - 滚动 div 后如何将 Bootstrap 导航栏固定到顶部?

我试图让带有Bootstrap的导航栏出现在某个名为“A”的div之后。div"a"位于页面顶部,高度约为400px。一旦用户滚动过div“a”和滚动条,我希望滚动条保持在顶部。类似于这样的东西:https://www.facebook.com/home但我在顶部没有视频,它是一张图片。我们可以selfBootstrap吗?谢谢! 最佳答案 如果您想使用Twitter的Bootstrap实现此目的,请查看“Affix”js。您使用“data-offset-top”定义“固定”点,然后当用户向下滚动时,导航栏将固定在顶部。CSS:#c

javascript - 延迟一段时间后更改 div 的类

我想在页面加载后10秒向div元素(id="one")添加一个类,而无需悬停或单击任何内容等。我尝试了以下代码,但它不起作用:$(document).ready(function(){$('#one').delay(10000).addClass("grow")});知道上面的代码哪里出错了吗? 最佳答案 delay方法向动画队列中添加一个元素,但由于addClass不是动画效果,因此不会放入队列中,它会立即生效。可以使用queue方法将代码放入动画队列中,使其在延迟后运行:$('#one').delay(10000).queue(

javascript - 如何在 react 中隐藏和显示一个div

嗨,我是reactjs的新手,我想学习如何在单击按钮时隐藏和显示div。这是我要隐藏的View部分JohnSmith1minutesago 最佳答案 典型方式最常见的模式是根据状态有选择地渲染元素。classFooextendsReact.Component{state={showing:true};render(){const{showing}=this.state;return(this.setState({showing:!showing})}>toggle{showing?Thisisvisible:null})}}备选您还