Tag: css3

jQuery和隐藏：在/：之后伪类: 可能重复： jQuery和伪类我尝试通过jQuery以多种方式隐藏了：after伪类，但是没有成功，我发现了另一个解决方案，在我的div下添加了一个空div，其中包含：after content然后完全隐藏div所以它给出相同的效果。然而，我只是好奇，如果有人设法找到一种方法隐藏：之后或：之前的东西。这是我尝试过的不起作用。 $(‘.search_box:after’).hide(); $(‘.search_box:after’).css(‘display’, ‘none’); 只是为了给你上下文，我有一个div包含搜索表单等，当搜索处于活动状态时，我想在div下启用一个小箭头指示器，指向找到的项目列表（构建方式：after after CSS））当没有找到任何东西，或者它默认为完整列表（因为没有找到），那么我想隐藏它。

我可以使用JAVASCRIPT / jQuery将输入从表单保存到HTML中的.txt，然后使用它吗？: 是否可以将textinput（本地）从表单保存到文本文件，然后打开该文档以便以后使用它？只需使用HTML，javascript和jQuery。没有数据库或PHP。 / W

CSS转换不会被解雇: 我正在创建一个DOM元素（div），将其添加到DOM中，然后在javascript中快速更改其宽度。这在理论上应该触发CSS3过渡，但结果直接从A到B，没有两者之间的过渡。如果我通过单独的测试点击事件更改宽度，一切都按预期工作。这是我的JS和CSS： JS（jQuery）： var div = $(”).addClass(‘trans’).css(‘width’, ’20px’); $(‘#container’).append(div); div.css(‘width’, ‘200px’); CSS（只需mozilla）： .trans { -moz-transition-property: all; -moz-transition-duration: 5s; height: 20px; background-color: cyan; } 我在这里弄乱了，还是“一气呵成”并不是应该做的事情？所有帮助都非常感谢。

删除jqGrid中的垂直线: 我想删除jqGrid图像中显示的行。我怎么能删除它？

带滚动的Jquery / Javascript Opacity动画: 我希望根据用户滚动更改对象的不透明度（并使动画转换为动画）。示例（http://davegamache.com/）我在这里搜索过，但它最终指向了我的路标插件（http://stackoverflow.com/questions/6316757/opacity-based-on-scroll-position）我已经实现了[waypoints] [1]插件，并且一旦高于100px就会使对象褪色。 [使用offet属性]但希望基本上控制对象的不透明度，并使动画像上面的例子一样可见。我已经搜遍过了 – 这是我的最后一招。任何帮助是极大的赞赏。

单击按钮更改背景，仅使用CSS？: 是否可以在button点击时更改背景颜色; 整个document ，只使用CSS和HTML5？（例如：它在JavaScript中是微不足道的）

如何在不使用css转换的情况下将jQuery动画与css3属性结合起来？: 在这个例子中; 我正在尝试使用css3 rotate属性创建一个jQuery动画。我可以用css3 transition和jQuery css()来管理这个动画，但是我想用jQuery animate()根据我的jQuery variatons来旋转deg值。是否可以使用jQuery 1.8.0的css3属性值进行动画处理？这是jsFiddle检查。 jQuery的： var rotateVal = 90; //this method isn’t working $(‘.red’).animate({ ‘transform’:’rotate(‘+rotateVal+’deg)’ },500); //this way works but i don’t want to do this with transitions $(‘.black’).css({ ‘transform’:’rotate(‘+rotateVal+’deg)’, ‘transition’:’1s’ }); HTML：编辑：删除了供应商前缀，例如-webkit- 。感谢Kevin B.

如何在背景大小的div上缩放背景图像: 我想要一个div元素伸展到33％宽度，背景图像用css完成 background-image:url(); background-size:cover 如何在鼠标hover或鼠标中对div中背景图像的放大设置动画，是否有插件可以执行此操作？背景div必须使用background-size：cover，因为它是一个弹性页面。我还没有小提琴，因为我不知道在哪里或如何开始

为什么window.width小于媒体查询中设置的视口宽度: 我很困惑，仍然不确定如何用恰当的话来解释这一点。到目前为止，我已经使用和设置了Breakpoint的媒体查询。使用的断点变量看起来像例如： $menustatictofixed: min-width 900px; $ breakpoint-to-ems设置为true。我已根据以下jQuery代码段的像素值布置了包含所有Breakpoint变量的页面： $(‘body’).append(‘Viewport width px’); var viewportWidth = $(window).width() $(‘#width’).text(viewportWidth); $(window).resize(function() { var viewportWidth = $(window).width(); $(‘#width’).text(viewportWidth); }); 一切看起来都很干净。但是在过去的一两天里，我遇到了为模式设置最后断点并让事情表现出可预测性的问题。不知怎的，那些看起来干净整洁的东西，我现在在逻辑上非常怀疑，实际上是不合适的，不知何故是一团糟。 Cuz如果你看一下下面的截图，窗口的宽度（在Chrome中）与使用window.width的jQuery代码段的宽度不同。如果我用window.innerWidth替换window.width来最终排除滚动条也没有区别。获得正确结果的唯一方法是在等式中添加15个像素： var viewportWidth = $(window).width() + 15; 整个方程中唯一的问题是window.width是错误的函数选择，最好是使用例如document.documentElement.clientWidth或其他东西或……？对于15个像素代表什么，以一点点hacky方式解决了上面的问题？最好的问候拉尔夫

jQuery animate css border-radius属性（webkit，mozilla）: 有没有一种方法可以在jQuery中为Webkit和Mozilla浏览器中的css3 border-radius属性设置动画？我还没有找到能够做到这一点的插件。 -webkit-border-radius -moz-border-radius