Tag: 动画

CSS伪元素的jQuery .click（）事件（：之前/：之后）？: 我想在我通过CSS伪元素插入的内容时触发jQuery动画:before: and :after被点击。但是，我不知道该怎么做; 我的第一个猜测， $(#id:before).click()没有用。这是jQueryfunction的一部分吗？如果是这样，我将如何选择before / after内容？

修复Google Chrome上的蓝线: 我有以下HTML： aga ad gdas ga gs ds da dgs sd ds dg gdgsdgwa 和CSS： #a, #b { position: absolute; height: 10px; font-size: 10px; white-space:nowrap; display: block; } #a { width: 200px; overflow: hidden; } 和Javascript： var x = 0; setInterval(function() { if ($(‘#b’).position().left < (-$('#b').width())) { x = 305; } $('#b').css('left', (x–) + 'px') }, […]

滚动时jquery动画延迟: 我目前正在努力与jquery动画。它只是一个小动画来改变滚动的高度和不透明度。问题是，当我滚动时，动画不会流畅地运行。当我滚动得很慢时，动画没有及时完成。就像它停止直到我停止滚动。 jQuery的： $(window).scroll(function(){ if ($(window).scrollTop() > 0){ //$(‘#navigation’).addClass(‘scroll’); $(‘#navigation’).stop().animate({height: ’92px’}); $(‘#navigation .bg’).stop().animate({opacity : ‘.85’}); } else { //$(‘#navigation’).removeClass(‘scroll’); $(‘#navigation’).stop().animate({height: ‘142px’}); $(‘#navigation .bg’).stop().animate({opacity : ‘0’}); } }); CSS： #navigation { width: 1350px; position: fixed; z-index: 2000; background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.75)), […]

jQuery .animate chains，callbacks和.stop（true，true）: 所以我有一个动画链（.animate（）。animate（）。animate（）），在最后一个.animate（）上，有一个回调来做一些清理工作。动画由地址变化中的散列（＃page1，＃page2等）触发 – 所以当用户快速更改历史状态时，如果有当前正在执行的动画，则需要停止以便它们不会排队。问题是，如果我添加.stop（true，true），它只会跳转到当前正在运行的动画的结尾 – 并且只执行其回调（如果有的话）。我需要的是它跳到所有链接动画的末尾，然后触发所有回调（好吧，实际上只是最后一个）。这有可能吗？非常感谢。

Jquery为三级菜单设置动画: 我正在使用hover动画构建一个包含三个级别的菜单。这是我菜单的JSFIDLE 我的目标： 1 – 当用户将鼠标hover在主菜单上时，我想设置第二级动画并淡化所有链接内容。当用户离开标题部分时。我想淡出链接内容和顶部滑动第二个菜单级别。注意：我想删除队列效果。 2 – 当第二级可见（链接）时，如果用户点击了about / contact部分，我将使用正确的内容滑动第三级菜单。注意：第二个菜单级别必须保持可见。如果用户点击关闭按钮，我将关闭第三级 3 – 在任何时候，如果用户离开标题区域，首先我需要淡出所有文本，然后滑动第二和第三个菜单。任何帮助将非常感激=）谢谢 HTML： sunshineoktest ABOUT CONTACT “ABOUT CONTENT CONTACT CONTENT 我的JS： jQuery(“header”).hover(function() { jQuery(“#slidding-header-menu”).slideToggle(); jQuery(“#about”).click(function() { jQuery(“#slidding-about-contact-content”).slideToggle(); }); });

jquery在“选择”标签或combobox上滑动上下效果: 我有一个带有以下选项的“select”标签： Blue Red Green 我想使用jquery添加“slideUp”和“slideDown”效果，但我找不到一个简单的例子来满足我的需要。效果应该像这个combobox示例： Telerik Combobox

网页动画css亮点: 我在这个网站上看到了这个带有文字突出显示的天才动画。有谁知道如何实现这个文本突出显示然后删除动画？ https://www.nobledesktop.com/certificates/web-design

如何使hover触发动画仅在具有半径边界与jquery的div中的圆形区域上: 我不是程序员，我正在尽力解决这个问题，但经过几个小时和头痛我放弃了，我正在寻求帮助。我有一个圆形徽标（一个半径为px足以成为圆形的div和一些文本），当我hover在徽标后面时，我会有一个动画从徽标后面出来。我注意到我的动画是在圆形徽标和带有徽标的div（它仍然是正方形）之间的“空白区域”上触发的。目前我的脚本是这样的： $(“#logo”).hover(function(event){ // Hovering myHover = “transition”; $(“#black”).stop().animate({“top”:”-200px”}, speed/2, function(){ myHover = 1; }); },function(event){ // Finish hovering myHover = “transition”; $(“#black”).stop().animate({“top”:”0px”}, speed/2, function(){ myHover = 0; }); }); 我试着在网上和堆栈溢出上寻找能帮助我的东西，而我发现它最接近的是： http://jsbin.com/oqewo – 来自其他问题准确地检测具有圆角的div的鼠标hover事件我试图实现它，我确实提出了一些不够流畅的动画（我尝试调试试图在徽标上使用鼠标前后移动以查看脚本的反应）： $(“.myCircle”).hover( // when the mouse enters the box do… function(){ var $box = $(this), offset = $box.offset(), radius […]

JQUERY，scrollTo，向下滚动后，页面不会让我向上滚动一秒…… Y？: 我正在使用以下JQUERY将偶数附加到标题中的链接，该链接基本上滚动到页面的底部： $(‘#comment-count-btn’).click(function(){ $(‘html,body’).scrollTo(‘#comment-wrapper’, 500); }); 问题是，它一直滚动到页面的底部（这是正确的），但是当我尝试向上滚动时，滚动条会跳跃，好像它被锁定了一点点。有任何想法吗？

Jquery代码在Chrome中运行但在Firefox中不运行: 我有这段代码，当它被点击时会显示几个div，然后一旦点击另一个链接就隐藏它们。我试图在Firefox中显示这个并且它可能不是js中的问题但是非常感谢所有帮助。 $(document).ready(function(){ $(‘.fadein’).click(function(){ // Make the id overview show $(‘#header-contact’).hide(‘slow’); $(‘#header-portfolio’).show(‘slow’); $(‘#content-portfolio’).show(‘slow’); // override default a behavior return false; }); }); $(document).ready(function(){ $(‘.fadein2’).click(function(){ // Make the id overview show $(‘#header-portfolio’).hide(‘slow’); $(‘#header-contact’).show(‘slow’); $(‘#content-portfolio’).hide(‘slow’); // override default a behavior return false; }); }); $(document).ready(function(){ $(‘.fadein3’).click(function(){ // Make the id overview show $(‘#header-portfolio’).hide(‘slow’); $(‘#header-contact’).hide(‘slow’); $(‘#content-portfolio’).hide(‘slow’); // override […]