草庐IT

CSS定位div

全部标签

jquery - 如何使用 Jquery 根据 ID 在两个 Div 之间附加一个 Div?

如果我有这些对象:我有一个文本框:我在其中输入值:3.5以动态生成(我有这方面的代码,下一部分我需要帮助):如何在不首先检查页面上每个div的值的情况下按下面的顺序附加它?使用:$('#WhatGoesHereIfIDontknowtheelementsonthepage?').after('Hey');感谢任何帮助,泰勒 最佳答案 DOM中的ID不应以数字开头(它们将无效)。它们应该以字符A-Za-z开头,然后它们可以有数字,-和_紧随其后。但是如果你想走你的路线试试这个:vardiv=$("");div_id_after=Mat

javascript - 如何让 jQuery 或 Javascript 根据当前 url 更改 css?

我在与我的内容不同的文件中有一个导航区域,我使用phpinclude将两者结合在一起。我希望导航区域链接根据事件页面(即当前URL)更改颜色。所以我希望jQuery或Javascript读取当前URL(实际上只是文件名,如home.html),然后基于它编写CSS。就像,如果url=home.html,更改nav.home.background->blue的css 最佳答案 在你的情况下,你可以尝试这样的事情:$("A").each(function(){if(this.href==document.URL){$(this).add

javascript - 根据父 div 大小按比例调整图像大小

我正在使用完整的浏览器宽度高度jqueryblockUI来显示从图库中选择的图像。下图是blockUI中的View方案。基本上,侧blockUI中的View将宽度和高度设置为100%。里面还有两个div。右侧的宽度设置为View的80%,并且包含图像。图像的宽度和高度设置为100%(但我知道这是错误的)。我在这里显示的图片是用户上传的原始尺寸的图片。但是如果显示器是1024x768并且上传的图像是600x1900我不知道该图像从屏幕上消失是什么。那么我该如何解决这个问题以居中并按比例显示该图像? 最佳答案 使用max-width和m

javascript - JQuery:替换div中的字符串

...NUMBERtimes......PlaceN°:NUMBER如何替换内容div中的所有NUMBER?我尝试了replace方法,但它没有用。谢谢。 最佳答案 您可以使用标准的Javascript字符串替换函数。oldhtml=$('div#content').html();varnewhtml=oldhtml.replace(/NUMBER/g,"123");$('div.demo-container').html(newhtml); 关于javascript-JQuery:替换

javascript - 将 div 元素从一个父 div 移动到另一个

所以让我们假设我有一组嵌套的div:Test1West在页面的下方:Test2West我如何将Test1移动到“unlikelyToBeCalled”。我一直在尝试使用表单/提交按钮只是为了好玩,这里是代码:functiondoSubmit(){document.getElementById('unlikelyToBeCalled').appendChild(document.getElementsByTagName('Test1'));}或者类似的东西。任何帮助都会震撼 最佳答案 使用.appendTo()$('#likelyOd

javascript - 如何定位交替的奇数/偶数文本行

假设我有一个p元素或div元素,其中包含大约10-15行的文本,现在我的客户对此有一个奇怪的要求,他需要奇数/偶数行具有不同的文本颜色。假设第1行-黑色,那么第2行应该是灰色,第3行应该再次是黑色等等......所以我决定使用span并更改颜色,但可变分辨率在这里扼杀了一切,我知道:first-line选择器(在这种情况下没有用),还有选择器像:odd和:even将被排除在外,因为我没有使用表格,所以有什么方法可以使用CSS实现这一点,还是我需要使用jQuery?TL;DR:Iwanttotargetodd/evenlinesinaparagraphoradiv我需要一个CSS解决方案

css - 当没有打开 Javascript 时。还有什么解决办法?

我正在做一个网站。我有一张图片,我在CSS中将其设置为display:none。我使用JavaScript来显示它并在页面加载完成后将其滑入。它运行良好。我想在禁用JS的情况下启动网站,看看会发生什么。我重新加载了网页,但图像根本没有显示。这是正常的,因为它已在CSS中设置为display:none。这是我的问题:解决这个问题的方法是什么?我想要一种情况,即使在浏览器中禁用了JS,用户仍然可以看到图像。此时我不希望图像滑入,但我希望它像网页上的任何其他内容一样加载和显示。 最佳答案 您可以检测JS是否已启用(一些类似Moderniz

javascript - jquery绝对定位元素点击

我对绝对定位的div的点击有疑问。我正在开发一个带有jquery滚动路径的网站,并添加了额外的层以获得视差效果,顶层覆盖了主层中的按钮,它们无法被点击、悬停等。Here是简单的例子:FirstSecond.body{positionrelative;}.a{position:absolute;left:20px;top:20px;width:300px;height:600px;background:rgba(0,0,0,0.5);z-index:2;}.b{position:absolute;left:40px;top:40px;width:260px;height:300px;ba

javascript - 纯 JavaScript - Div 内的 ScrollIntoView

我需要将div中的某个元素(不是直接子元素)滚动到View中。基本上我需要与ScrollIntoView相同的功能提供,但针对指定的父级(只有该父级应滚动)。此外,我无法使用任何第3方库。我不太确定如何解决这个问题,因为我的JavaScript开发非常有限。有没有人可以帮助我?我找到了thiscode那将完全满足我的需要,但不幸的是它需要JQuery而我无法将它转换为纯JavaScript。 最佳答案 我想我有一个开始给你。当您想到这个问题时,您会想到让子div进入父级的可视区域。一种天真的方法是使用页面上的子位置相对于页面上父位置

javascript - 如果 URL 包含单词则隐藏 div

如果页面的url包含某个词,我需要隐藏一个div。感谢这个网站,我已经能够成功地找到url是否包含这个词。此代码有效:if(window.location.href.indexOf("Bar-Ends")!=-1){alert("yoururlcontainsbarends");}但由于某些原因,隐藏div将不起作用,如下所示:if(window.location.href.indexOf("Bar-Ends")!=-1){$("#notBarEnds").hide();}thisisnotbarends有人知道这段代码有什么问题吗?任何帮助是极大的赞赏谢谢