草庐IT

CSS定位div

全部标签

javascript - 如何使用 jQuery 在单击和鼠标悬停时使可滚动的 div 滚动

使用下面的标记,当我单击或悬停在“#scrollUp”或“#scrollDown”anchor标记上时,如何使“#content”div向上或向下滚动。滚动最好是平滑的。如果单击它应该滚动特定数量(对于触摸设备)如果鼠标悬停它可以滚动直到鼠标移开。#content{overflow:auto;height:50px;/*couldbewhatever*/}updownsomecontentheresomecontentheresomecontentheresomecontentheresomecontentheresomecontenthere 最佳答案

javascript - jQuery .css() 中的 CSS 框阴影

Firefox18似乎无法识别-moz-box-shadow或box-shadowCSS属性。如果我使用border-color,一切正常。$($this).hover(function(){//$(this).css('border-color','#ff0');$(this).css('box-shadow','10px','10px','5px','#888');//$(this).css('-moz-box-shadow','10px','10px','5px','#888');},function(){$(this).css('border-color','');//$(th

javascript - 使用原型(prototype)通过 Ajax 提交表单并更新结果 div

我想知道如何通过Ajax(使用原型(prototype)框架)提交表单并在“结果”div中显示服务器响应。html看起来像这样:[...]我尝试将一个javascript函数(使用Ajax.Updater)附加到“onsubmit”(在表单上)和“onclick”(在输入上),但是在函数结束后表单仍然是“非Ajax”提交(所以整个页面都被结果替换了)。 最佳答案 在Form.Request上查看PrototypeAPI的页面和Event处理。基本上,如果你有这个:....fields....你的js或多或少会是:Event.obse

javascript - 如果未启用 javascript,则定义 css

如果未启用javascript,我想定义.exampleclassimg{height:250px}。无论如何,他们是否要在javascript/jquery中撤消此操作? 最佳答案 您可能会使用HTML的noscript标签。.exampleclassimg{height:250px}编辑:我实际上会支持Stephen的回答是最好的。虽然上述方法可能有效,但它可能无效/未遵循最佳实践。斯蒂芬回答:puta"no-js"classonyourbodyelement,andthenremoveitwithJSatload,anduse

javascript - 通过 JQuery 打印 DIV 内容

假设我的页面中有很多div,但我想使用jquery打印特定div的内容。我发现有一个插件。jQueryPrintElement使用这个插件我们可以很容易的打印出如下的div内容。$('SelectorToPrint').printElement();但是如果我的div隐藏在页面中会发生什么。那么它是否有效。这个插件可以打印隐藏div的内容吗?如果打印机没有连接到客户端机器会发生什么。如果打印机不在客户那里,我想显示消息“找不到打印机”?如何处理这种情况。所以请告诉我什么是打印页面中隐藏div内容的最佳方法,以及如果未连接打印机则如何处理打印机问题。谢谢 最佳

javascript - 使用 setInterval 在 jquery 中闪烁带有背景颜色的 div

代码:CSS:#divtoBlink{width:100px;height:20px;background-color:#627BAE;}JavaScript:setInterval(function(){$("#divtoBlink").css("background-color","red");},100)但是什么都没有发生谁能告诉我我做错了什么?fiddleHere 最佳答案 我建议您不要使用javascript更改颜色。最好通过CSS执行此操作。更改样式应该在样式工作表中完成,而不是在JS中(如果您想要更改其他/更多属性)。

javascript - .closest() 在 CSS 中

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:IsthereaCSSparentselector?我可以通过使用.closest()来隐藏以这种方式显示的DOM树。$('.child').closest('parent').hide();只用CSS就能达到同样的效果吗?如果是,如何?

javascript - Django - javascript 和 css 文件中的模板标签

有什么方法可以将模板标签添加到javascript和css文件中?我会将它用于任何事情,从将url传递到媒体url链接(图像路径等)到基于用户权限的条件javascript。我只是想也许我可以将它作为模板提供,但将url作为我的javascript文件。这是做这样的事情的唯一方法吗?如果是这样,它可能不适用于我的媒体生成器,所以如果有的话,我可能想要一个更好的解决方案。 最佳答案 如何在DjangoHTML模板的内中,在script和style标签之间定义JavaScript变量和CSS属性?我知道这听起来像是一种hack,但在我看

javascript - JQuery 拖放定位问题

我在拖放功能方面遇到问题,希望有人能提供帮助。简而言之,规则是:可以有多个的“阶段”(.stage)可以接受克隆的.pageControl。这是它唯一可以接受的类。一旦放在.stage上,.pageControl就变成.pageControlDropped并且可以接受克隆的.wfcControl。这是它唯一可以接受的类。一旦.wfcControl被删除,它就会被新的html替换并变成.wfcControlDropped。我的问题是:当我将克隆的.pageControl拖到.stage时,它​​会跳转到.stage上的某个位置,这不是我要放下它的位置。我可以将它拖回我想要的位置,但它需要

javascript - 如何创建 CSS/JavaScript 圆网格

我需要做这样的事情:这看起来很容易,但有一些要求:-包含的div的宽度应取决于文本长度(在CSS中是否可能?)-所有圆圈应随机放置-这对我来说是最困难的部分。当我使用border-radius创建圆(设置高度、宽度和border-radius为50%)时,我尝试创建某种网格我在其中遍历每个元素并获取其尺寸的JavaScript。然后我得到前一个元素的位置(如果有的话)并将它们添加到当前元素尺寸。此外,添加一些边距将有助于避免碰撞。这是正确的做法吗?我只是在寻找解决我的两个问题的建议。 最佳答案 根据内容大小缩放的圈子。这是您需要首先