Tag: css

在jquery中使用淡入淡出效果更改正文背景图像: 嘿，我想淡出一个新的背景图像，让我们说每60秒。我设置了这样的背景图片： body {background-image: url(background.jpg);} 现在我想改变它，所以在60秒后它变为background2.jpg，然后在60秒后变为background3.jpg等等。我发现很多东西没有在身体上改变它，但只是作为一个图像…任何快速的解决方案？谢谢！

我应该如何使用jcrop在客户端裁剪图像并上传它？: 我想要做的是使用html fileupload控件选择图像，使用jcrop裁剪选择，在客户端裁剪图像并上传图像。这里是小提琴链接https://jsfiddle.net/govi20/spmc7ymp/ Id在代码中使用： jcrop图像的目标照片文件上传控件预览canvas预览 clear_selection按钮清除所选区域设置jcrop。 jQuery(function($){ var api; $(‘#target’).Jcrop({ // start off with jcrop-light class bgOpacity: 0.5, keySupport: false, bgColor: ‘black’, minSize:[240,320], maxSize:[480,640], onChange : updatePreview, onSelect : updatePreview, height:160, width:120, addClass: ‘jcrop-normal’ },function(){ api = this; api.setSelect([0,0,240,320]); api.setOptions({ bgFade: true }); api.ui.selection.addClass(‘jcrop-selection’); }); }); 清除选择。 jQuery(‘#clear_selection’).click(function(){ $(‘#target’).Jcrop({ setSelect: [0,0,0,0], }); […]

你如何根据自己的风格选择元素？: 使用jQuery，你会如何找到具有特定样式的元素（例如： float: left ），无论它是内联样式还是CSS文件中定义的样式？

当div＃滚动到视图中时，jQuery在导航时改变css: 我想重新创建本网站使用的效果： http ： //www.brizk.com/ 该网站使用一个向下滚动的大页面。当您向下滚动并传递不同的部分时，左侧的菜单导航将css类更改为“当前”，因为相应的div进入视图。我认为这可以使用jQuery使用$（window）.height（）; 我是jQuery的新手，我想写的是这样的（用非专业术语）：获取浏览器窗口的高度 – 如果div＃content1从顶部100px和/或从底部更改菜单200px a＃link1到’.current’ – 否则从所有菜单中删除.current链接 …并重复4个不同的内容div。任何人都可以指出我正确的方向..？谢谢。

使用jQuery获取* all * CSS属性: 以下是使用jQuery获取一个css属性的方法： $(‘someObject’).css(‘attribute’) 你怎么得到它们的？（没有指定，最好是以下格式，以便以后可以用jQuery重新应用）： cssObj = { ‘overflow’:’hidden’, ‘height’:’100%’, ‘position’:’absolute’, } 谢谢！！编辑我想要获取的方法在样式表中声明（它们不是内联的）。很抱歉没有说明。

使用jQuery检测容器溢出？: 我已经看到了这个问题，但感觉必须有一个“更干净”的jQuery方法来做到这一点。我甚至不确定这是否真的适用于所有场景。有没有办法让jQuery确定容器是否有溢出而不比较维度？为了澄清，是否有一种方法来测试CSS属性是否overflow: hidden已经启动并隐藏内容？

重置类时，CSS动画不会重新启动: 我正在使用CSS着色器+动画。我的着色器类定义如下： .shader{ -webkit-filter :custom(url(v.vs) mix(url(f.fs) multiply destination-over), 200 200); -webkit-animation-name: test; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1 } 我试图通过$(‘#holder’).addClass(‘shader’);使用jquery动态设置/取消设置样式（着色器+动画） $(‘#holder’).addClass(‘shader’); 和$(‘#holder’).removeClass(‘shader’); 然而，奇怪的是当我重置类时（例如，在removeClass之后调用addClass），只有着色器被重新应用但动画没有（我已经挂钩了AnimationStart事件以查看我的动画何时开始）。任何人都知道为什么会这样，我怎么能解决它？编辑：我在这里添加了JSfiddle代码段的简化版本。基本上我是将动画重新应用于div两次，但实际的动画只在第一次被调用。

Bootstrap中CSS转换中的“强制回流”: 从Twitter的bootstrap修改bootstrap-modal jquery插件我看到他们使用CSS过渡来获得淡入淡出效果。从代码中引起我兴趣的一点是这一行： that.$element[0].offsetWidth // force reflow 如果该行被注释，则转换不起作用。我发现的关于其含义的所有参考都是“强制回流”评论。如何读取该属性会影响CSS转换？这是为了解决浏览器中的错误吗？

在jQuery 1.9删除.toggle（函数，函数）后使用的替代方法是什么？: 嗨，我正在尝试创建一些可以在每次点击时交替收缩和增长的东西，但我正在为我的网站使用jQuery 1.9 。 .toggle(function,function)函数已从jQuery 1.9中删除，所以我不确定应该使用什么代替。任何帮助都会很棒。谢谢 jsfiddle（使用旧代码，jquery 1.8版本）： http ： //jsfiddle.net/TNAC6/ 新jsfiddle（jquery 1.9）： http ： //jsfiddle.net/TNAC6/1/ 这是我试图切换的代码。基本上我正在切换的是一个圆形div。 (function($){ $.fn.createToggle = function(size) { var ele = $(this); var oldSize = ele.width(); console.log(“creating new toggle on element: ” + ele + ” old: ” + oldSize + ” new: ” + size ); console.log(“its content […]