Tag: 效果

将回调function添加到自定义JQuery动画的真正方法是什么？

我在stackoverflow问题中找到了一个震动效果（ 这里 ） 代码如下; jQuery.fn.shake = function(intShakes, intDistance, intDuration) { this.each(function() { $(this).css(“position”,”relative”); for (var x=1; x<=intShakes; x++) { $(this).animate({left:(intDistance*-1)}, (((intDuration/intShakes)/4))) .animate({left:intDistance}, ((intDuration/intShakes)/2)) .animate({left:0}, (((intDuration/intShakes)/4))); } }); return this; }; 但是我需要一种方法来添加一个回调函数（或任何其他简单的方法），用于在效果之前追逐抖动元素的边框颜色，并在动画编译后切换到原始颜色。 我尝试下面但没有机会（边框立即变成原色） jQuery.fn.shake = function(intShakes, intDistance, intDuration,callback) { this.each(function() { $(this).css(“position”,”relative”); for (var x=1; x<=intShakes; x++) { $(this).animate({left:(intDistance*-1)}, (((intDuration/intShakes)/4))) .animate({left:intDistance}, ((intDuration/intShakes)/2)) .animate({left:0}, (((intDuration/intShakes)/4))); } }); […]

jquery ui effect（）的cleditor问题？

我正在我的一个网站上使用cleditor，我遇到了一个问题。 当我使用效果动画一些divs cleditor的wysiwyg编辑器停止工作。 编辑器本身显示但我无法输入任何内容。 我可以在编辑器上查看/编辑源代码。 我用来在div之间切换的代码： function emailwizardplace(pold, pnew) { $(“#wizard-” + pold).hide(); $(“#wizard-” + pnew).effect(‘slide’); //$(“#wizard-” + pnew).show(); <= This works without problems } 致电主持人的代码： $(“#tmessage”).cleditor({ width: 680, height: 400 }); 一如往常任何帮助表示赞赏。

Firefox和jQuery的问题

我使用此代码更改div的大小和不透明度并创建“缩放效果”： $(“#div5”).click(function () { $(‘#wrap’).animate({ ‘opacity’ : 0, ‘zoom’: 1.08, },500); $(‘#wrap’).hide(500,function(){ $(‘#dBenefits’).show(); $(‘#dBenefits’).animate({ ‘opacity’ : +10, ‘zoom’: 1.08, },500); }); }); $(‘#back’).click(function (){ $(‘#dBenefits’).animate({ ‘opacity’ : 0, ‘zoom’: 1, },500); $(‘#dBenefits’).hide(500, function (){ $(‘#wrap’).show({‘opacity’ : 0,},500); $(‘#wrap’).animate({ ‘opacity’ : +10, ‘zoom’: 1, },500); }); 为什么在Firefox上无法正常工作？ 不会创建缩放效果，但它确实消失div5并出现其他div，但它没有正确。 虽然Chrome在相同的代码上会带来更好的结果和我想要的结果。 没有控制台错误。 示例： http ： //jsfiddle.net/JshKH/ 谢谢。

使用jQuery实现Smooth Vertical滚动时遇到问题

我正在构建一个连续滚动的网页，其导航应该跳转到页面上的不同位置。 我试图遵循这个例子 ，并实现一个jQuery平滑滚动效果。 HTML工作正常 – 链接会在您单击时将您带到页面上的其他位置，但jQuery滚动效果不起作用。 这是html的重要部分： work project1 project2 project3 project4 project5 project6 project7 project8 about contact 到目前为止这是javascript :(它与上面链接的教程网页上的内容完全相同） $(function() { $(‘ul.nav a’).bind(‘click’,function(event){ var $anchor = $(this); $(‘html, body’).stop().animate({ scrollTop: $($anchor.attr(‘href’)).offset().top }, 1500,’easeInOutExpo’); event.preventDefault(); }); }); 任何人都有任何想法，为什么这对我不起作用？ 谢谢！

css3和jquery加载页面滑块效果

嗨我正在尝试使用css3和jquery创建一个完整的页面加载滑块效果。 为此，我使用两个div来加载页面。 我有前一个，后一个和下一个按钮。 我有下一个效果的问题。 当我点击下一个按钮时，我现在用translateX（’100％’）将新页面加载到div 2中。 然后我将translateX（’ – 100％’）添加到div1（此时屏幕上的translateX（’0％’））。 效果应该是translateX（’ – 100％’）div1，然后是div2的translateX（’0％’）。 所有翻译都是1.0s的过渡。 这很有效。 但是，当我再次点击下一个按钮时，div1与translateX（’ – 100％’），（在左边，在屏幕外），所以我用translateX（’ – 100％’）删除了类，并用translateX添加另一个类（’100％’）过渡期。 然后我删除这个类并添加另一个带有translateX（’0％’）的类，转换为1.0s。 我为div2删除了带有translateX（’0％’）的类，并使用translateX（’ – 100％’）添加另一个向左移动。 但这不起作用。 div1由屏幕左侧而不是右侧进入。 任何的想法？ CSS .to-next { transform: translateX(100%); } .to-screen { transform: translateX(0%); transition-duration: 1.0s; } .to-left { transform: translateX(-100%); transition-duration: 1.0s; } HTML JavaScript $(‘#ajax-inserted2’).removeClass(‘to-screen’).addClass(‘to-left’); $(‘#ajax-inserted1’).removeClass(‘to-left’).addClass(‘to-next’).removeClass(‘to-next’).addClass(‘to-screen’);

Jquery fadeIn / fadeOut动画问题

我正在使用Jquery FadeIn / FaeOut来显示和隐藏我页面上的内容。 像这样： $(‘.subnav_company’).click(function(){ $(‘.aboutcontent’).fadeOut(‘slow’); $(‘.company’).fadeIn(‘slow’); }); 我的问题是因为div’.company’位于’.aboutcontent’下方，当显示’.company’时它出现在’.aboutcontent’下面，直到div完全隐藏，创建了一个不平滑的过渡效果。 如何在显示和隐藏div之间进行过渡？ 没有跳跃。 这是HTML： Developers The developers are the best we have some great developers Company offers a complete management tool . It’s an easy to use and efficient way to manage and plan stuff. It allows people to communicate and get along.

javascript中的实时文本颜色更改

可能重复： 使用Jquery更改Textarea中某些单词的颜色？ 我现在正在做一个小项目。 我有一个用户输入单词的textarea。 当用户正在键入时，如果他们使用某些单词，我需要文本来改变颜色。 例如，当露西正在输入句子“棕色的母牛跳过月亮”时，文字会使“棕色”这个词变为棕色，但是在“棕色”之后输入空格后就开始生活。 我希望你明白：P哦和jquery是一个选择。

javascript的效果在ajax回复中不起作用

我是AJAX的新手。 我在互联网上搜索了很多，但只获得了基本的AJAX步骤。 现在我正在使用AJAX编写代码，但这是我不断遇到的常见问题。 当我将返回文本放在HTML页面的特定ID中时，Javascript效果不起作用。 CSS工作正常但Javascript效果，如表排序，jQuery效果或任何其他效果不起作用。 我知道我在这里错过了一些概念。 但没有得到任何有效的答案。 请建议我该怎么办？ 这背后的概念是什么……

如何使用css或jquery创建图像（见图）

你知道如何采取这样的效果： 图像 徘徊在图片上？ 我一直在搜索css和jquery，但仍然没有达到我需要的。 请给我一个解决方案来做到这一点。 非常感谢！ （抱歉我的英文）

jquery。动画不同的速度

我在Jquery中使用.animate函数。 我有一个div使用marginLeft滑过，但我也需要它淡入，但我需要它比marginLeft效果慢。 使用.animate，我似乎只能应用一个速度参数。 $(document).ready(function(){ $(“.topFrameAnim”).css(“opacity”, “0.0”); $(“.topFrameAnim”).animate({ marginLeft: “0”, }, 500 ); $(“.topFrameAnim”).animate({ opacity: “1”, }, 1000 ); // Need this effect to be applied at the same time, at a different speed. });