草庐IT

CSS定位div

全部标签

javascript - 获取对所有 css 样式属性的访问权限?

我想通过JavaScript访问所有CSS属性(不仅针对特定选择器或元素,而且针对所有属性)。我想遍历.style集合的所有属性。我该怎么做? 最佳答案 您可以使用CSSStyleDeclaration对象。CSSStyleDeclaration对象使CSS样式属性可通过JavaScript属性使用。这些JavaScript属性的名称与CSS属性名称密切相关。这个对象有两个额外的属性:CSSText一组样式属性及其值的文本表示。文本的格式与CSS样式表中的一样,减去元素选择器和包围属性和值的大括号。长度此CSSStyleDeclar

javascript - 如何在屏幕上跟随 jQuery 动画 div?

我正在使用jQuery.crSpline沿弯曲路径为图形设置动画。我对结果非常满意。但是,完整的Canvas尺寸有意设计得很宽-肯定比大多数屏幕都大-因此图形会很快用完视口(viewport)空间并在屏幕上显示动画。相反,我希望浏览器视口(viewport)跟随图像或以图像为中心,以便它保持“在镜头中”。我将如何使用jQuery来解决这个问题?scrollTop是一个选项吗?我创建了一个jsFiddledemo,基于crSplinedemosource,但具有较宽的minX设置。注意:我首先尝试使用YUI3和Loktar提供了基于Canvas的solution,但是我不再使用YUI和c

javascript - 在 div 中调用 javascript 函数

我想创建一个包含多个div的网页,每个div包含具有不同实现的相同绘制函数(如通用界面)。加载页面后,我想遍历所有div并依次调用每个绘制函数。到目前为止,我的页面如下所示:$(document).ready(function(){//Drawallslots$('div.slot').each(function(i,d){console.log('slotfound:'+d.id);//d.draw()doesnotworkdraw();});});functiondraw(){console.log('Herewedrawacircle');};functiondraw(){con

javascript - 克隆 CSS 类

我想将所有:hover类复制到.hoverid类中,其中id是元素的索引(或任何其他方式创建独特的悬停类名称)。因此,我的想法是以某种方式遍历页面上定义了:hover的所有元素,并将该类克隆到.hoverid中。这样我就可以像这样在任何我想要的元素上触发悬停效果:$('#element').addClass('hover'+$(this).id);所以我的问题实际上是:如何遍历定义了“:hover”的元素?如何将那个类克隆到另一个类中?尝试您的解决方案:http://jsfiddle.net/kLt2P/ 最佳答案 您实际上可以使用

javascript - css3pie 打乱了 DOM,导致 jQuery 选择器错误

为了在IE6/7/8上获得CSS3效果(边框半径、框阴影...),我使用了css3pie。然而,css3pie在DOM中生成了一些css3-container(v1)/css3pie(v2)标签,这打乱了预期的架构。这是一个例子:CSSpre{border:1pxsolid#aaa;border-radius:5px;behavior:url(pie.htc);}HTMLbarparagraphpreformattedjQuery//undefinedexpected:getmealert($("pre").prev().attr("class"));//css3-containere

javascript - 使用循环打印数组列表值到 div 动态

我有一个名为desc的数组,其中包含每个值的一些文本,并根据用户点击的内容更改长度和值。数组:desc[0]="manholecoveronfoothpathonbarroggaagroundskilbarrackroadloose."desc[1]="Footpathatdrivewayto17MaywoodLawninbadstateofdisrepair."我想在名为#container的div中显示这些数组值。目前它只是打印#container中数组的最后一个值,而不是打印列表中的每个值。JavaScript:functionincidentList(){for(vari=0;

javascript - 使用 css 和 javascript 将 div 翻转 180 度

我想使用触发css动画的javascript函数将div翻转180度。我的div有以下声明:.start-photo-thumb{position:relative;float:left;background:#444444;height:192px;width:192px;margin-right:10px;margin-bottom:10px;perspective:1000px;animation:rotating0.6slinearinfinite;animation-play-state:paused;}@keyframesrotating{from{transform:ro

javascript - 单击按钮时删除 div - 问题 : removing all divs

在按钮点击事件中,一个新的div被创建。用户可以创建尽可能多的div。一旦创建了div,它就可以拖动了,这要归功于jqueryuidraggablePLUGIN的帮助。.我已经设置了另一个点击按钮事件来删除创建的div。问题是当用户单击删除按钮时,它会删除所有div。如何将按钮附加到每个div以专门删除该div?JSFIDDLE查询/**Removenewlycreateddiv**/$(".remove").click(function(){$(".draggable").remove();});varz=1;$('#button').click(function(e){/**Mak

javascript - Bootstrap : Multiple pages (divs) and navbar

我想使用这个流行的模板:http://getbootstrap.com/examples/navbar/我不想链接到about.htm或contact.htm,此内容应该在模板内(多页/div)。这一定是这个样子:home...about...contact...但是如何从导航标签“链接”到div?这行不通:HomeAboutContact非常感谢! 最佳答案 您需要使用JavaScript和JQuery来执行此操作。有多种方法可以实现这一目标。选项1创建一个index.html,指定一个并将其留空。然后用jQuery加载home.

javascript - 通过使用带有 CSS 的图像显示背景网格

UPDATEDDEMO工作得很好,除了当我改变时背景图像正在调整大小:background-size:20px20px;是否可以保持原图大小,让背景图重叠(隐藏图片超出左上框(20px20px)的部分)?B计划是在设置的base64图像内容中用JS裁剪图像... 最佳答案 使用只有左边框和上边框的svg图像可能就是您要找的东西?检查片段,或这个jsfiddle(fiddle包含放大/缩小网格的按钮):body{background:url('http://testbed.nicon.nl/img/_FBs3b.svg')repeat