Tag: css

使用Timer JQuery更改背景颜色CSS

我希望有人可以向我展示高效的JQuery，以便在div类中的4种背景颜色之间制作动画。 我希望这些事件能够被时间触发，而不是点击或hover。 我已经看过hover和切换的post，但作为一个不太精通JQuery的人，我觉得在这里和那里复制和粘贴部件感觉不舒服。 谢谢

如何将寻呼机放置在自由jqgrid中工具栏顶部的末尾

免费jqgrid顶部工具栏包含很多按钮，选择元素和寻呼机没有最后一页按钮。 按钮被包裹到多行。 使用中心部分删除 #grid_toppager_center { width: 0; } 由于寻呼机位于正确的区域，因此在寻呼机之下和之后有很多未使用的空白空间： 我尝试使用删除空格 #grid_toppager_center, #grid_toppager_right { width: 0; } 和 pagerpos: ‘left’, 在这种情况下，寻呼机出现在工具栏按钮的顶部： 如何将寻呼机放到其他地方，例如顶部工具栏的末尾？ jqgrid设置： $.extend($.jgrid.defaults, { iconSet: “fontAwesome” , autoResizing: { compact: true,widthOfVisiblePartOfSortIcon: 13 }, toppager: true, viewrecords: false, pagerpos: ‘left’, rowList: [50, 500, 1000], rowNum: 50, 样式： #grid_toppager_center, #grid_toppager_right { width: 0; } .ui-pg-button-text { margin: […]

使用javascript点击一个伪元素？

我想知道如何启用单击a :before伪元素（JSfiddle的链接到下面的div的橙色部分）。 我已经读过，因为伪元素不在DOM中，所以你需要一个hack。 不幸的是，我找不到实际显示工作代码的现有Stackoverflow问答。 链接： http ： //jsfiddle.net/Vv6Eb/4/ HTML： CSS： div { position:relative; background-color:#333; padding:20px; margin:20px; float:left; } div:before { content:””; display:block; padding:5px; background-color:#f60; border:2px solid white; position: absolute; top:-2px; right:-2px; border-bottom-left-radius: 10px; }

使用JQuery添加到css类

是否可以使用JQuery添加/更新css类。 我知道我可以使用这个使用jquery的add css规则将css添加到DOM元素，但我想从css类本身添加/删除。

类似于jqGrid中的treegrid

我希望只在需要时才展开树。 例如： OS Type是一个叶子节点，它不会扩展，但Memory有子类别，因此它会扩展 那么我应该用什么来实现类似的东西，因为在jqGrid子网格中每一行都有一个扩展，我不想在这里 我的代码（取自你的例子） $(‘#compareContent’).empty(); $(”+ ”+ ”) .appendTo(‘#compareContent’); var grid2 = $(“#list3”); grid2.jqGrid({ datastr: myJson, datatype: “jsonstring”, colNames: [‘KeyName’, ‘Config1’, ‘Config2’], colModel: [ { name: ‘elementName’, index: ‘elementName’, key: true, width: 70 }, { name: ‘attribute[0].firstValue’, index: ‘attribute[0].firstValue’, width: 90}, { name: ‘attribute.secondValue’, index: ‘attribute.secondValue’, width: 100 } ], pager: ‘#gridpager3’, rowNum: […]

使用jquery应用不同的背景颜色

我在父div中有一个子div的集合，子div是动态生成的，并且都具有相同的类名。 我的问题是如何使用下面的jquery示例代码为每个子div应用不同的背景颜色 … … … … … 在这里，我想为每个子div应用不同的背景颜色（class =“bars”） 提前致谢。

具有自动高度的CSS3翻转卡

我正在使用一个教程来创建一个使用CSS3和jQuery的翻转卡片效果，我在调整内容长度时遇到问题，同时让它仍然在中心水平方向上翻转。 小提琴。 码： Front Other text. Other text. Other text. Other text. Back body { background: #ccc; } .flip { -webkit-perspective: 800; width: 400px; height: 200px; position: relative; margin: 50px auto; } .flip .card.flipped { -webkit-transform: rotatex(-180deg); } .flip .card { width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -webkit-transition: 0.5s; } .flip .card .face { width: […]

用jQuery删除元素？

我不想使用style.css中的样式，所以我决定从DOM中删除style.css。 这在Firefox和IE8中运行得很好，但在IE6中却没有： $(“LINK[href=’http://www.example.com/style.css’]”).remove(); 使用jQuery的任何其他解决方案？ 这是一个例子： HTML： Testing $(document).ready(function() { $(“link[href*=’style.css’]”).remove(); }); … 这是CSS（style.css）： #content { background-color:#333; } 仅在IE #content中仍然是黑暗的。 🙁 也许是jQuery的bug？

如何获取css设置的元素的字体大小

我正在编写一个简单的jQuery，用于将元素的字体大小更改一定百分比。 我遇到的问题是当我用jQuery的$（’＃el’）。css（’font-size’）获得大小时，它总是返回一个像素值，即使用em设置也是如此。 当我使用Javscript的el.style.font-size属性时，它将不会返回一个值，直到一个值被同一属性显式设置。 有什么方法可以用Javascript获得原始CSS设置的字体大小值吗？ 您的方法如何跨浏览器友好？ 提前致谢！ 编辑：我应该注意所有经过测试的浏览器（请参阅下面的评论）允许我使用上面提到的两种方法使用’em’值设置文本大小，此时jQuery .css（）返回一个等效的’ px’的值和Javascript .style.fontSize方法返回正确的’em’值。 也许最好的方法是在页面加载时初始化元素，立即为它们提供em值。

可以淡出div边界？

我知道你可以用jQuery淡出 ，但我想知道是否有可能淡出 的边框？ 所以我得到了我的 ： 而且我想了解一下如何让这个边界在5秒后淡出。 更新 任何仍然想要这样做的人都可以使用CSS3过渡。 请务必在支持的浏览器function中查看它： http ： //caniuse.com/#search=transition 例 div { border: 4px solid red; -webkit-transition: border-color .25s ease; -moz-transition: border-color .25s ease; -ms-transition: border-color .25s ease; -o-transition: border-color .25s ease; transition: border-color .25s ease; } div:hover { border-color: none; }