草庐IT

CSS定位div

全部标签

javascript - jquery if (css_attribute = 值)

是否可以在javascript/jquery中做一个if语句来确定:如果某个元素的css属性的值等于给定值?比如:if($('.box').css(background-color=blue)){//dothis...} 最佳答案 cssJQuery方法,当只给定一个参数时,将返回给定参数的值。你可以试试这个:varcolor=$('.box').css('background-color');if(color=='rgb(0,0,255)'||color=='blue')//=='blue'以上示例仅适用于JQuery选择器中的第

javascript - 使用 jQuery fadeIn 还是 CSS3 动画更好?

我正在使用一些PHP和JavaScript创建一个简单的画廊,并试图在图像之间进行淡入淡出过渡。然后我想知道使用CSS动画是否有性能差异,例如:@-webkit-keyframesfadeIn{0%{opacity:0;}100%{opacity:1;}}和一个jQuery淡入。我想使用fadeIn的回调,但我猜我也可以只使用带有CSS的计时器。这些中的任何一个是否可能更适合大图像?我看不出有什么不同,但想知道它是否会影响速度较慢的计算机。 最佳答案 一个可以回退到另一个怎么样?尽可能使用CSS3过渡,并使用Modernizr等功能

javascript - 如何隐藏jquery中的所有div

我有几个div:如何使用jquery隐藏它们。我使用了$('#div').hide();但没有用。 最佳答案 您在选择器中使用了一个id。只需使用:$('div').hide();然而,这将隐藏所有的div。你如何只隐藏具有div-x形式的id的div?$('div[id^="div-"]').hide();这只会隐藏您提到的div,而不会隐藏其他div(这可能有问题)。 关于javascript-如何隐藏jquery中的所有div,我们在StackOverflow上找到一个类似的问题:

javascript - 不使用 Javascript 切换 div

我想切换,但我的要求是它必须与javascript一起使用关闭。我想选择一个声明“修改搜索”的超链接,并显示包含搜索条件的div。我发现了大量使用jQuery的演示,但他们都需要javascript启用。任何帮助表示赞赏。 最佳答案 Hereyougo,skipper!(编辑—为科学更新)HTML:ClickHereHello.Thisissomestuff.CSS:input:checked+div{display:none;}编辑—附加注释:display:none将导致某些浏览器(IE)不注意复选框。而不是用display隐藏

javascript - 为本地 Firefox 调试启用 HTTP 地理定位

“地理定位请求只能在安全的环境中完成”地理定位需要HTTPS,这很好,但我需要在不安全的本地服务器上进行调试,然后才能生效。我希望我可以编辑Firefoxes的“about:config”以禁用此调试保护措施。我该怎么做?在不安全的上下文中是否有任何其他/更好的方法来调试位置?(模拟https) 最佳答案 您可以在不加密的情况下在本地主机上进行测试Firefox不会通过非安全连接发送地理定位,并且无法禁用此行为。但是,localhost被认为是安全连接,因此在测试时可能是一个选项。这也解释了为什么ChristopherSupertr

javascript - 在不触发重新计算样式的情况下更改 CSS3 转换?

尝试以60FPS为屏幕上具有绝对定位的元素制作动画时,我注意到大部分CPU时间都被recaculateStyles使用了。我可以更改element.style.transform属性而不触发重新计算样式吗?目前我这样改变位置:el.style.transform='translate3d(${x}px,${y}px,0px)';这是一个演示:http://jsfiddle.net/pLtvxv41/您可以使用GoogleChrome性能开发工具来查看recalculateStyle函数的用法。能否以更有效的方式进行更改? 最佳答案

javascript - 将元素定位在另一个高度时防止重叠

在一个长文本文档中有一些“特殊词”,我想在左侧显示注释/注释。每个音符都应该尽可能地与其所指的词的水平相符。此HTML以表格形式组织。每个段落是一个表格行,由左侧表格列中的注释和右侧表格列中的正文组成。注释/注释在左边。然而,不幸的是,那里还有一些其他元素/文本节点。NotefordogNoteforcatNoteforhorseSomethinelsethananote.[Text...]DogCatHorse[Text...]更改“注释”很容易-spans至absolute并将它们定位在它们的引用水平上:$('span[class*="note"]').each(function(

javascript - 带有 CSS3 过渡的 jQuery 方向感知悬停

我正在努力让方向感知悬停和CSS过渡正常工作。基本上,我试图让元素网格具有正面和背面,并且在悬停时有一个css过渡来翻转该元素以显示背面。过渡示例(无方向感知):fiddle如您所见,无论您的鼠标以何种方式进入元素,它总是向上翻转。我希望它以鼠标进入/退出的任何方式翻转。例子:这是我对方向感知的尝试:fiddle我正在使用jQuery添加与鼠标进/出方向相关的类。.hover-in-top{}.hover-in-right{}.hover-in-bottom{}.hover-in-left{}.hover-out-top{}.hover-out-right{}.hover-out-bo

javascript - 覆盖 html 和 css 以使用 jquery fullcalendar 修改月历上的日期单元格

我正在尝试修改jquery完整日历的日期单元格。这是一个fiddle我想在月份的日期单元格中编辑css和html以显示类似这样的内容,其中事件覆盖整个日期单元格以防止发生任何新的dayclick事件。我想要每天最多1个事件!我尝试使用eventRender回调来设置一些html和css,但我没有任何运气,这是我尝试过的。$('#calendar').fullCalendar({//defaultDate:'2016-12-17',//defaultView:'basicWeek',//height:300,//eventColor:'green',events:[{title:'eve

javascript - 使用 HTTP2/SPDY 时,我应该缩小和连接 javascript 和 CSS 吗?

鉴于HTTP2(和SPDY)中连接重用和多路复用的优势以及gzip压缩的可用性,在构建过程中添加缩小和连接步骤的努力是否合理? 最佳答案 根据Chrome团队的Surma的说法,在H2上你可以而且实际上应该停止捆绑,因为它没有用并且允许更有效的浏览器缓存:https://www.youtube.com/watch?v=w--PU4HO9SM(时间1:10)我认为缩小或混淆仍然是可取的,这取决于您的需要。 关于javascript-使用HTTP2/SPDY时,我应该缩小和连接javascr