Tag: css3

jQuery mobile中的循环轮实现？

在制作这种类型的圆形轮时，jQuery mobile中是否有任何API？ 默认情况下，登录位于向下箭头下方。 如果我点击产品并提供它，请点击向下箭头。 如果我点击ATM定位器旋转并显示在向下箭头下方？

如果由jQuery设置，CSS3 2D变换不能在IE9上工作

根据标题，我正在使用CSS3的转换来翻译和旋转对象，并且除了IE9之外，它在每个浏览器中都能完美运行。 它适用于IE9， 但只有直接写入.css文件 。 如果由jQuery（v.1.5.1）设置，它会失败： $(‘#example’).css(‘-ms-transform’, ‘translate(200%) rotate(45deg) translate(-200%)’); 有什么建议吗？

给定步骤的CSS3或jQuery动画

我有一个CSS，使淡出效果。 #mainframe.normal { opacity: 1.0; } #mainframe.faded { opacity: 0.0; } #mainframe { /* Firefox */ -moz-transition-property: opacity; -moz-transition-duration: 3s; /* WebKit */ -webkit-transition-property: opacity; -webkit-transition-duration: 3s; /* Standard */ transition-property: opacity; transition-duration: 3s; } 它由以下脚本控制： document.getElementById(‘mainframe’).className = “faded”; 不幸的是，CSS中没有参数，它设置了应该使用的步骤，只有整个动画和Bezier函数的总时间（慢，快……）。 我在jQuery中寻找它，但jQuery似乎也没有这样的参数。 有没有办法设置单帧超时（或者，相同，应该使用多少帧）？ 我需要它来尝试提高iPhone的平滑度（我认为较小的步骤==更高的性能）。 问候，

jQuery – 动画backgroundColor，取决于宽度百分比

我正在为我的设备规格页面构建等级/分数栏，我有一个使用transition和animation的基本动画，但最终的结果并不是我所追求的。 为了您的选择，CSS代码保留在原位（禁用animation属性）， 这是目前的情况 – JSFiddle同样的事情 。 我之前的一个问题是让动画工作，取决于条形图的百分比，我当前使用的方法来自该问题中的选定答案。 不幸的是，最终的结果虽然不错，却没有提供我最初的function。 例如，就像当前一样，当页面加载时提供特定的背景颜色，然后转换进行。 理想情况下，我在CSS中启用animation属性后会得到的结果，但同样存在问题。 它更接近我的目标，但不是解决方案。 我正在寻找的是这样的（希望我已经解释得这么好了）。 所有这些对背景颜色的更改都应该在转换（宽度）发生时发生。 当width等于0％到24％时，背景颜色应为红色，因此条形将从红色开始 – #a41818 如果width等于25％至49％，背景颜色应从红色变为橙色 – #87581c 如果width等于50％至74％，背景颜色应从橙色渐变为黄色 – #997815 如果width等于75％到89％，背景颜色应该从黄色变为绿色 – #659a1f 如果width等于25％到49％，背景颜色应该从绿色渐变到绿色 – #3a8d24 而且，如果宽度恰好保持在特定的百分比，例如56％，则条形背景颜色应保持与其百分比范围相对应的颜色。 在这种情况下，56％将是黄色。 如果条宽为12％，颜色应保持红色等。 如果您需要更多细节，或者如果您需要进一步澄清，请告诉我。 谢谢！

HTML5中的3D图像转换

我正在尝试使用这个令人敬畏的图像滑动运动。 这是一个免费的HTML5模板。 这是链接freehtml5templates.com/fascination-html5-and-css3-template 。 我下载了源代码，但我无法重建它。 我只需要3D图像滑动。 所以我只把那部分拿出去并保持其他一切相同， jsfiddle.net / smaran / rpgqD 。 我没有在Fiddle中添加CSS和JS，因为有多个，但如果你从我刚给你的链接的源代码下载，你可以找到它们。 帮帮我。 代码不完整吗？

垂直导航栏必须从顶部移动一点然后保持固定

我正在尝试使用www.callofduty.com/elite中的垂直导航栏。 正如您在此页面中看到的那样，右侧有3个导航链接（CONNECT，COMPETE，IMPROVE）。 向下滚动时，导航栏向下移动一点然后保持固定。 我有点滚动间谍，固定导航工作。 但导航栏不会向下移动并保持固定。 它只是在我定位的地方保持固定。 如何实现这种效果？ 任何见解都会有所帮助 这是我工作的链接http://jsfiddle.net/RJJ2J/

如何在使用jQuery淡入淡出选项显示或隐藏元素时阻止页面跳转到顶部

有很多问题，我试过了。 我在做什么 我正在使用jQuery fadeIn和fadeOut选项隐藏div并使用下面的jquery显示列表，但页面一直跳到顶部。 将显示的列表是动态的。 我试过e.preventDefault(); 并return false; 但没用 我尝试将锚标记更改为span标记，但第二个onClick函数不起作用。 这是因为我的内容长度是动态的，使它看起来像跳跃还是真正的跳跃？ 提前致谢。 HTML 20 CATEGORIES 1 Chef’s Special Lunch Snacks Dinner JS $(document).ready(function(){ $(‘body’).on(‘click’, ‘.category’, function(){ var category = $(this).data(‘categories’); //alert(category); $(‘.category’).fadeOut(300); $.ajax({ type: “POST”, url: “./assets/listproducts.php”, data: {cat: category}, cache: false, success: function(response){ //console.log(response); $(‘#nav’).html(‘<- BACK').addClass('back'); $('.items').html(response).delay(400).fadeIn(300); } }); }); $('.back').on('click', function(e){ $('.items').fadeOut(300); $('.category').html(response).delay(400).fadeIn(300); […]

iPhone iOS7 3D选择/下拉function

当它显示选择选项（附加图像）时，我不喜欢新的iOS7 3D选择框。 它在iPad上很好看，外观平整。 它使网页的移动视图看起来破碎并且让用户感到困惑。 之后很难远离盒子，与页面的背景混合等… 反正有没有覆盖这个看起来很糟糕，无法使用的function？ 默认为旧？

jQuery slideToggle和CSS border-radius propery show在IE10中连线

我正在使用MVC4，在我的页面中我使用了4个div和所有div。 我有JSFiddle URL来检查我的确切问题。 的jsfiddle 请仅在IE10中运行，因为在IE10或任何其他浏览器下它工作正常。 jQuery(document).ready(function () { jQuery(“.HomeContent”).hide(); jQuery(“.HomeDivHeading”).click(function () { jQuery(this).next(“.HomeContent”).slideToggle(250); }); }); 在IE10中，当我向下滑动时，它会像这样显示出来 我想解决这个问题，当我向下滑动它看起来像有线，并在一段时间后显示自动纠正。 请让我知道如何解决这个问题….

Bootstrap轮播，自动循环然后停止

我正在使用twitter bootstrap和轮播function。 标记如下所示。 我试图在页面加载时实现一些东西，1。旋转木马在第一张幻灯片上开始并保持在那里（比方说500ms）。 然后它移动到幻灯片2并永远停止。 只有2张幻灯片，用户可以使用箭头在它们之间移动，但这不应该触发幻灯片的持续循环。 （如果困难，这不太重要）。 我已经尝试过更改旋转木马控件，但我无法弄明白： http ： //twitter.github.com/bootstrap/javascript.html#carousel 从： $(‘.carousel’).carousel({ interval: 3000 }) 至： $(‘.carousel’).carousel({ interval: false }).carousel(1).delay(‘500’); 当我选择后一个选项时，旋转木板会在我按箭头后连续滚动，但通常不会。 我已经包含了我的旋转木马标记。 希望这可以帮助。 脑部比我的小豌豆大的人有什么想法或指针吗？ Heading 1Strapline 1 Heading 2 Strapline 2 ‹ ›