草庐IT

css-animations

全部标签

javascript - jquery: this.not (':animated' ) && that.is (':visible' ) 不遵守规则,语法问题?只有几行代码

当我点击#button时,它仍在执行'dosomething',即使.wrapper是动画并且.wrapperspan不可见。所以它不遵守规则。怎么了?$('#button').click(function(){if($('.wrapper').not(':animated')&&$('.wrapperspan').is(':visible')){//dosomething}}) 最佳答案 如果没有if语句,这样会更简洁一些。workingdemo$('#button').click(function(){$('.wrapper')

javascript - 检测屏幕分辨率以加载替代 CSS 是个好主意吗?

我与一位平面设计师合作,他总是希望使网站大于我推荐的960像素。我可以用液体布局做一定数量的事情,但我真的很喜欢能够为更大的分辨率加载不同的CSS。我用谷歌搜索并找到了下面的链接,但我担心我还没有听到更多关于这个的信息。这是一种可靠的方法吗?我很担心,因为我原以为会有更多人想要这样做。http://www.ilovecolors.com.ar/detect-screen-size-css-style/谢谢 最佳答案 简单回答你的问题:没有。即使是,构建多个CSS文件等似乎效率低下。有比依赖分辨率更好的方法。一个长篇大论的回答:当96

javascript - 如何获得类的CSS宽度?

我的问题是,如何获取类css样式的宽度参数?例如我有带有id=page和类“page”和“css-1”的div。我想获取css-1类样式的宽度参数? 最佳答案 最简单的方法可能是忽略,用你关心的类创建一个新的并检查它的样式属性。您需要将它添加到DOM以使其采用文档的CSS。vardiv=$('').addClass('css-1').hide();$('body').append(div);varwidth=div.css('width');div.remove(); 关于javascr

javascript - jQuery CSS 位置不工作

我有一个带有position:absolute的div。我正在尝试使用jQuery将其定位到正确位置,但它不起作用。在下面的代码中,我基本上删除了left并添加了right:0。这应该将div定位到最右边。使用Firebug,我可以看到内联样式被更改为right:0但什么也没有发生。我究竟做错了什么。检查http://jsfiddle.net/SJP3b/1/$('div').css({left:'',right:0}); 最佳答案 使用适合我的left:'auto':http://jsfiddle.net/SJP3b/2/许多值不

javascript - 闪烁的 jQuery .animation()

我目前正在使用jquery-animate-colors动画边框的闪烁,但我认为我的代码可以使用一些清理。处理以下问题的更好方法是什么?highlightRow=function(row,count){if(count==null){count=0;}$(row).animate({"border-color":"#3737A2"},{duration:250,complete:function(){return$(row).animate({"border-color":"#FFFFFF"},{duration:250,complete:function(){if(count===0

javascript - 使用 Javascript 检测 CSS 功能

是否可以使用Javascript检测CSS支持?例如,是否可以检测浏览器是否支持这样的属性选择器?input[type='text']{} 最佳答案 Modernizr旨在检测浏览器功能,在这种情况下很可能会有所帮助。http://www.modernizr.com/ 关于javascript-使用Javascript检测CSS功能,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/

javascript - JQuery 链接 Action ,有效..但 CSS 不等待轮到它?

所以我有这样的东西(如下),一切都依次进行(它在开始时隐藏,然后你看到它向下滑动,等待2秒,然后向上滑动)但是.cssAction立即发生,甚至尽管是在2秒延迟之后。只是想知道这是为什么。$('p:first').hide().slideDown('slow').delay(2000).css({"background-color":"#ff4"}).slideUp('slow')});编辑新代码:我已将我的代码更改为:它似乎不再向上滑动了..(因为我希望它在向上滑动之前变为黄色)$('p:first').hide().slideDown('slow').delay(2000,func

javascript - 为什么 Facebook 不合并它的 CSS/JS 文件?

我很好奇为什么Facebook开发人员选择不将他们的脚本和样式表合并到单个文件中。相反,它们是通过CDN按需加载的。Facebook显然是一个非常复杂的应用程序,我可以理解这种模块化如何使Facebook更易于维护,但通常的优化建议是否仍然适用(尤其是考虑到它的高使用率)?或者,他们使用CDN的事实是否避免了具有大量小脚本/样式的常见性能影响? 最佳答案 一句话BigPipe.他们将页面分成“pagelets”,每一个都在他们的服务器上单独处理并并行发送到浏览器。基本上几乎所有内容(CSS、JS、图像、内容)都是延迟加载的,因此它归

javascript - 循环 CSS 动画

所以我这里有这个漂亮的CSS动画,我希望它循环播放。遗憾的是,我几乎没有使用CSS动画的经验,也不知道该怎么做。如果这里有人可以帮助我,我将不胜感激。谢谢!HTMLWeeeeeeeJavascript$("#msg").click(function(){varduration=1400;$msg=$(this);$msg.css("-webkit-transform","scale(2)").css("-webkit-transition-timing-function","ease-out").css("-webkit-transition-duration",duration+"m

javascript - 在原型(prototype)中使用 css 选择器触发点击事件

我是Prototypejs的新手。我有一个这样的元素,Save&Close我有一个anchor标记选择器,$$('#toolbar-savea')。通过使用此选择器,我如何触发click事件?或者你可以建议的任何其他方式?提前致谢。 最佳答案 $$('#toolbar-savea')[0].click();FIDDLE 关于javascript-在原型(prototype)中使用css选择器触发点击事件,我们在StackOverflow上找到一个类似的问题: