我使用的是一个带有侧边栏的Bootstrap Template，当用户单击.nav-menu (或模板中的公司名称)时，侧边栏将隐藏/取消隐藏。 $(document).ready(function () {
$( '.nav-menu' ).click(function() {
event.preventDefault();
if($( '.nav-menu-item' ).is(":visible")){
$('.nav-menu-item' ).hi
浏览 21提问于2019-02-04得票数 0
回答已采纳
我调用了一个velocity.js函数来显示/隐藏直到视口的导航栏。我有两个函数来实现这一点。
function openNav(){
$('.navigation').velocity({height: "87vh"},{duration: 1000, display: 'block'}); }
function closeNav(){
$('.navigation').velocity({height: '0vh'}, {duration: 1000, display: 'none'});
浏览 5提问于2016-03-07得票数 0
3回答
在下面的示例中，我尝试向jQuery动画添加缓动(easeInCubic)，但没有效果。为什么？
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").c
浏览 4提问于2013-09-21得票数 1
2回答
使用缓动切换div
、、、、
我有一个链接，当点击这个我想要一个slideIn与缓动的div，然后再次点击该链接，它应该关闭的div，与缓动...
我看过jQuery easing插件，但它不能在jQuery 1.5.1上工作？对我能做什么以及如何做有什么想法吗？
现在我只得到了一个slideToggle函数，它没有缓解？
$('.open-mypage').click(function () {
$('#mypage-info').slideToggle('2000', function () {
// Animation complete.
浏览 0提问于2011-05-25得票数 13
回答已采纳
1回答
悬停时平滑滚动Div
、、、、
我很难弄清楚如何让这个div在悬停在箭头上方时连续平滑地滚动。这几乎就像是动画上的缓动，但我没有为这个动画实例设置任何缓动。我真的不知所措，不知道如何让这件事变得更顺利。有什么建议吗？
JS地址：
悬停动画甚至没有使用缓动选项(第150行)。并且当事件是"hover“时，它还将optino值设置为'‘(第30行)。我还注释掉了这个脚本中提到的每一个轻松的地方:第19,154,161行我也注释掉了对jquery.easing插件的引用，但它看起来仍然很轻松。快把我逼疯了。
我将事件更改为“单击”，然后快速单击向右箭头，这就是我想要的悬停事件效果。我该如何做到这一点？
浏览 3提问于2011-05-28得票数 1
回答已采纳
2回答
BxSlider淡入淡出
、、、
StackOverflow‘’ers
我是jQuery的新手，但我目前正在使用BXslider插件。
<script type="text/javascript">
$(document).ready(function(){
$('#slider').bxSlider();
});
</script>
我要做的就是让每张幻灯片上的滑块从左向右滑进滑出。
浏览 0提问于2012-07-03得票数 1
回答已采纳
这个标题揭示了一个问题，我如何在SpriteKit中将缓动应用于SKAction节点操作？
我发现这是可行的：
SKAction *moveAction = [SKAction moveByX:moveX y:moveY duration:0.5];
moveAction.timingMode = SKActionTimingEaseInEaseOut;
[node runAction:moveAction];
然而，可用的缓动类型只有几种，即线性、EaseIn、EaseOut、EaseInOut。
这些宽松的值是固定的，不能改变。我在找像EleasticInOut这样的东西。最好有更多的控制
浏览 1提问于2013-09-30得票数 16
很多网站都在单页面网站上使用缓解功能。这个函数叫什么。是jquery还是js!？请告诉我正确的方向。在本例中，您可以通过单击服务来查看此功能。然后，页面会自动向下移动到元素位置。在示例2中:单击页面底部的窗帘以查看功能。
浏览 1提问于2012-02-26得票数 0
1回答
我有一个问题，图像加载到画布不能正确补间。我有mouseover和mouseout事件监听加载的每个图像。我希望图像放大时，鼠标悬停是触发和反转鼠标输出。
问题是当我将鼠标移到任何图像上时，只有最后加载的图像会放大和缩回。
这与我在单击对象时会遇到的另一个问题不谋而合，我想要传递的属性将只是最后加载的属性。
如何将鼠标单击和悬停集中在数组中的特定节点及其属性上？答案可能是索引，但由于我不是专业开发人员，我需要一些帮助
我在这里尝试了一个类似的帖子中的建议，将事件集中在我的情况下，标题为"KineticJS:在完成其他补间之后播放补间“(不要有多个链接的名声)。我使用示例代码的一部分尝试
浏览 9提问于2015-07-28得票数 0
2回答
我有一个非常基本的HTML网站的几个锚标签。单击时，每个锚点都指向另一个锚点，使用此功能使用一点平滑滚动：
$(document).ready(function(){
$('a[href^="#"]').on('click',function (e) {
e.preventDefault(); var target = this.hash; var $target = $(target);
$('html, body').stop().animate(
{
浏览 0提问于2015-08-03得票数 0
2回答
我想创建一个div，当页面加载了一个弹跳效果时，它会向下滑动。
$(document).ready(function(){
$('#viewport').slideDown({duration: 1000, easing: method, complete: callback});
});
我想，我真的离解决方案很近了。
在期待中感谢你！
浏览 0提问于2013-07-20得票数 2
回答已采纳
2回答
轨道动画
、、、
首先，我会试着解释一下我想要做什么。乍一看，这项任务看起来相当简单，但我花了一些时间才意识到它非常复杂。我想要做的是在开始和结束时使用缓动的简单动画-我知道如何使用缓动，困难的部分是我正在尝试做一些类似于轨道-椭圆轨道的事情，比如说5个矩形附加到它上面。我想沿着椭圆轨道(椭圆路径)移动矩形，而不改变每个矩形的旋转角度。
我尝试过路径动画，但似乎运动路径动画不支持缓动？我说错了吗？第二个解决方案是将路径和矩形分组，然后旋转整个组，但这也会改变矩形的旋转角度。有没有简单的方法可以做到这一点？请给我推荐一篇文章或别的什么，或者如果你有类似的场景，请分享解决方案。谢谢。
浏览 1提问于2011-04-16得票数 7
回答已采纳
2回答
是否有Jquery 1.9.1的幻灯片动画，我不需要添加任何额外的脚本库？我的web项目正在成为一个噩梦，因为jquery 1.7 (带有幻灯片动画和其他js库)引起了很多冲突。我的决心是在jquery 1.9.1中找到能做到这一点的几行代码。有什么建议吗？
浏览 0提问于2014-03-13得票数 0
1回答
我正在尝试复制当鼠标悬停在上的“蛋形”按钮时的缩放/缓动效果。
我设法复制了缩放效果，如下所示：
.egg_button:hover {
transform: scale(1.2, 1.2);
}
但是如何在模型页面中加入弹跳和缓动效果呢？
浏览 7提问于2014-11-17得票数 1
2回答
我是新来JQuery的，我找到了这个链接：
我想做一个同时切换淡入淡出和幻灯片的模式( slide -Fade Togle)。
这是JavaScript代码：
JavaScript：
jQuery.fn.slideFadeToggle = function(speed, easing, callback) {
return this.animate({opacity: 'toggle', height: 'toggle'}, speed, easing, callback);
};
但我不知道该怎么做。下面是我的“淡入淡出”效果的代码：
<scri
浏览 0提问于2011-10-17得票数 2
回答已采纳
3回答
我正在尝试建立一个单页面滚动网站利用升级换代JQuery插件，我有很多问题，它得到正确设置。上的文档很有帮助，但我肯定还是遗漏了一些东西。我想要的是一个简单的3层布局，从上到下。似乎我的“建筑物”的布局生成正确了，但我无法在“层”之间移动。箭头键和我的链接根本不会移动页面。我可以在我的代码上得到一点帮助吗？任何指导都是值得感谢的。
谢谢，布雷特
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti
浏览 2提问于2013-04-09得票数 1
回答已采纳
1回答
任何人都知道如何在动画中应用缓动效果。下面是我尝试设置缓动效果的代码。我想要设置easin，easout，弹跳，旋转等效果应用
var yPos = myShape.getAttr('y'),
xPos = myShape.getAttr('x'),
maxX = 1000,
maxY = 1000,
yIncreasing = true,
xIncreasing = true; //lets assume myShape resides somewhere below the max
var anim = new Ki
浏览 1提问于2014-09-20得票数 1
2回答
我想我注意到所有的jQuery转换(比如滑动效果)都是以线性的方式工作的。这意味着动画的速度永远不会改变。
我想知道是否有可能将其更改为更平方的行为。这意味着，我希望动画慢慢开始，然后变得更快。
在jQuery中有什么方法可以做到这一点吗？
浏览 0提问于2012-02-10得票数 1
回答已采纳
我是jquery的新手，并且已经开发了一个简单的调整导航菜单大小的方法
$(this).stop().animate({width:170},"slow");
用于悬停效果。
我的问题是，我如何才能添加动画效果来改变文本对齐方式。
我知道这会改变它：
$('.myElementClass').css('text-align','center');
但它看起来很丑陋，而且：
$(this).stop().animate({'text-align: left'}, "slow");
完全不起作用。
浏览 2提问于2010-09-28得票数 3
1回答
我想要达到这样的效果:当用户将焦点放在表单中的文本区域时，它会变得更高，模糊程度会达到它原来的大小。这就是我到目前为止所做的：
我的代码：
$('textarea').focus(function(){
$(this).css('height','80px');
});
$('textarea').blur(function(){
$(this).css('height','40px');
});
我想要做的是让文本区域以一种平滑的方式扩展，这可能吗？
浏览 2提问于2012-06-07得票数 4
回答已采纳
2回答
CSS3轻松实现移动安全
、、、
如何在Mobile Safari中重新创建触摸事件的缓解/摩擦？例如，如果我有一个滚动条并拖动内容，当你经过顶部或底部时，它会反弹回来吗？
我试着使用立方贝塞尔曲线的缓动功能，但无法在iPhone/iPod上模拟Mobile Safari中的摩擦力。我想让HTML页面尽可能类似于一个应用程序。
谢谢!
浏览 2提问于2010-11-09得票数 1
2回答
我正在尝试创建一个图像轮播风格的系统，它可以一次显示多个图像；除非图像不是在这些图像之间滑动，而是会褪色。
因此，例如，可能会显示5个图像，然后在设定的时间段(例如3秒)后，它们都会立即淡出到下一个5个图像。
我试图使用Slick Carousel来实现这一点，但默认情况下该行为不可用--您可以很容易地淡出一个元素，但一旦您想要显示多个图像，它就不起作用。
有些人遇到过类似的问题，并尝试过使用Slick Carousel的解决方案，但没有一个是完全正确的。
这是一个jsfiddle - -显示了我到目前为止的进度。这是可行的，但是过渡效果不是很好。我想要一个很好的交叉淡出，其中一组图像淡出，
浏览 0提问于2018-03-17得票数 1
2回答
在使用fade: true时，有没有办法去除出现的闪光灯？我的意思是，我的意思是，幻灯片的不透明度在变化时为0和1，并且有一个点，两张幻灯片都有0.5不透明度，这样你就可以看到背景(白色)，这让过渡感觉像是有白色闪烁。我想不出一种方法来去除“白色闪光”，但给背景另一种颜色。但这仍然是一种闪光，但颜色不同。
提前谢谢你，马克
$('.home-slider').slick({
draggable: true,
autoplay: true,
autoplaySpeed: 500,
dots: true,
fade: true,
浏览 0提问于2018-04-26得票数 2
如何重写这段代码，这样它就会轻松地飞进来，而不只是淡入。
代码-
jQuery('#swiftslider-slide-'+newSlide).addClass('active').fadeIn('300');
你能给我一个完整的例子吗？我知道我必须使用.animate()，但如果我这样做-
jQuery('#swiftslider-slide-'+newSlide).addClass('active').animate({opacity: "show"}, { duration: "slo
浏览 0提问于2012-06-09得票数 0
回答已采纳
2回答
是否可以将缓动应用于像素模糊函数？
我有一个全屏背景图像，我想在点击按钮时模糊，因为我在它上面叠加了一些内容。
我目前正在这样做(使用jquery)：
$(".bg").pixastic("blurfast", {amount:1});
这对模糊效果很好，但它是立即发生的。有没有可能通过某种放松来使这种效果淡出呢？
我以前在Flash中做过这个效果，但这是我第一次用javascript尝试。
我对使用不同的js库持开放态度，如果它在除像素之外的其他地方是可能的。
谢谢
浏览 3提问于2012-06-18得票数 1
我想知道我是否可以使用JavaScript/jQuery控制或自定义具有carousel属性的web部件中继器？例如速度或缓动或图像对齐的方式
浏览 0提问于2017-01-25得票数 0
2回答
我正在做一个游戏来找出两张图片之间的区别。现在我想创建一个类'Circle : CCSprite‘来指示正确的地点。我想给圆圈添加一个“弹跳效果”(就像iphone的警告模式窗口一样)，我手动创建了CCActions，但结果并不自然(因为很难控制持续时间和缩放量)。有没有更好的方法来做到这一点？
下面是我的代码：
id up1 =[CCScaleBy actionWithDuration:0.2f scale:1.5f];
id down1 = [CCScaleBy actionWithDuration:0.2f scale:1 / 1.5f];
id up2 = [CCScaleBy
浏览 0提问于2011-06-10得票数 1
回答已采纳
我正在建设一个社交网站，我有很高的要求，所以我需要一些帮助，使动画更好，更流畅。我必须承认我是一个后端开发人员，并没有做太多的前端工作，但这是我得到的:我有一个按钮，当用户按下按钮时，我需要向用户显示一个很好的表单。我一直在为这个制作一个动画。我觉得它不错，但不是真正令人惊叹的素材，如果有人能让它变得更好，或者建议如何让它变得更好，我将不胜感激。这是我的js代码：
jQuery(function($){
$('body').on('click', '#ask-question', function() {
var cont
浏览 0提问于2013-03-23得票数 0
回答已采纳
我在javascript中有这个函数：
function hid(id) {
var x = document.getElementById("desc_div" + id).style.display = "none";
}
我希望通过使用jQuery来使用fadeOut效果而不是display = "none"
我该怎么做呢？
浏览 2提问于2012-03-17得票数 1
回答已采纳
我使用的是jquery滚动路径插件。他们有一个moveTo功能，可以做出突然的动作。如何使" moveTo“f的moveTo有一个平滑的运动(小延迟或任何缓动)
浏览 1提问于2013-07-04得票数 0
1回答
请看下面的页面：。有一个动画我不知道它是如何创建的。页面的移动部分由下面代码中的li表示：
<ul>
<li id="page_about" style="display: block; left: 0px;">
<li id="page_services" style="display: none; left: -1260.5px;">
<li id="page_portfolio" style="display: none; left: -1260.5px
浏览 2提问于2013-12-04得票数 1
1回答
我对这段代码有两个问题：
首先，我想降低效果的速度。
第二，就像你要操作的那样，关闭一个标签，然后会有下面的新标签
if ($('#sidebar ul').length) {
$("#sidebar ul").accordion({
event: "mouseover",
active: 1,
collapsible: false,
autoHeight: false
});
}
示例网址：
浏览 4提问于2012-11-12得票数 5
回答已采纳
1回答
向鼠标方向缓动旋转
、、、、
下面的代码使用一个简单的缓动函数将直线旋转到鼠标位置，但问题是atan2()方法的工作方式是从-PI到PI，当角度达到任何一个限制时，使直线向后旋转，我可以让它从0旋转到TWO_PI，但没有什么不同，因为直线将向后旋转，直到它到达targetAngle，如果我不使用缓动计算，因为从-PI到PI的跳跃是不可察觉的，那么我如何缓解我的旋转并避免此问题？
float angle = 0;
float targetAngle = 0;
float easing = 0.1;
void setup() {
size(320, 240);
}
void draw() {
background(
浏览 3提问于2011-04-18得票数 3
回答已采纳
1回答
当通过CTRL+F查找内容时，这个website可以平滑地滚动。我希望通过jQuery也能有类似的效果。我尝试在页脚中添加以下代码，但不起作用 $(document).ready(function(){
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 800);
}
});
});
浏览 12提问于2020-01-21得票数 0
我必须为我的动画功能添加easein效果。下面是我的代码
$('.img_left').animate({ 'margin-left' : '180px', 'opacity' : '1'}, 3000);
请帮帮我
浏览 0提问于2012-06-11得票数 0
回答已采纳
我正在尝试升级标准的scrollable div overflow:scroll to me，一个更加流畅的元素，一旦滚动完成，它将捕捉到这些元素。
我有一个关于如何做到这一点的理论，但需要帮助。
无论如何，现代浏览器和操作系统，特别是Safari，在滚动中都有一定程度的势头。我想要做的是让它识别滚动动画何时完成，然后再滚动一点以捕捉到其中的元素li。
最好，我希望它能平滑地滚动到它所捕捉到的元素。目前，JQuery的scroll()特性只适用于实际的用户滚动，不会有任何后续的动量。
iScroll在这方面做得很好，但是对于我们的需求来说，它是非常大和笨重的，并且不能向后或与internet
浏览 0提问于2011-09-05得票数 6
我正在尝试将缓动应用于特定的jqueryUI effect()，但无法使其工作。根据这个页面，它应该是，但没有代码细节：
我试过了：
$("#id").effect( "pulsate", {easing: "swing"} );
$("#id").effect( "pulsate", {"swing"} );
$("#id").effect({effect: "pulsate", easing: "swing"});
$("#id"
浏览 0提问于2012-12-29得票数 1
2回答
有没有人知道如何在下面的网站上找到关于如何实现底部页脚选项卡的好教程或技术？"More Resources“选项卡
浏览 2提问于2011-08-25得票数 0
回答已采纳
如何更改抽屉使用的缓动功能？ 我需要将这两个ease函数更改为相同的值。使用MuiThemeProvider似乎不起作用。抽屉组件也不接受任何转换参数，只接受转换持续时间。 有人能帮上忙吗？
浏览 19提问于2021-01-07得票数 0
我正在使用Robert ()的jQuery easing插件，我需要强调或拖拽出ease效果。
基本上，我希望缓动效果真的很快，但在缓动过程中会大大减慢。
我相信我可以使用jQuery.easing.easeOutCubic( null, current_time, start_value, end_value, total_time)做到这一点，但我不知道如何正确使用它。
如何才能做到这一点？
浏览 0提问于2011-10-13得票数 8
回答已采纳
1回答
我正在努力学习JavaScript，我正在遵循一些教程来学习它。其中一个是一些简单的代码，用来讲解不起眼的JavaScript代码。代码很简单，当JavaScript处于非活动状态时，它需要显示一条消息；当它处于活动状态时，它需要显示一个可单击的加号。
下面是html代码：
<body>
<h1 id="title">18. Unobtrusive JavaScript</h1>
<p id="main">
</p>
<p id="message
浏览 3提问于2014-04-11得票数 3
$(document).on('mousemove', function(e) {
var y = e.clientY;
var h = $(window).height();
var n = h - y;
if (n < 60) {
var t = parseFloat($(window).scrollTop());
console.log(t);
$('html,body').animate({scrollTop:t + 60 + 'px'},200);
浏览 1提问于2015-07-06得票数 0
有人能帮我弄一下这段代码吗？我正在制作一段内容的动画，而我的缓动字符串对我来说不能正常工作。有人能快速指出我做错了什么吗？谢谢
// JavaScript Document
$(document).ready(function() {
$('.learnmore').mouseover(function() {
$(this).parent().find('.cover').stop().delay(100).animate({
浏览 1提问于2011-06-10得票数 2
回答已采纳
1回答
我有一段我认为是简单的jquery，但事实证明这是一件痛苦的事情。
这段代码的slideUp部分运行良好，但不会向下滑动……不过，如果我去掉slideUp的easing部分，它确实可以工作。
有什么想法吗？
$('.clickableDiv').click(function() {
$("<div style='background-image:url(../images/properties/images/bk-01.jpg); width:965px; height:398px;'><img src='../i
浏览 0提问于2010-12-13得票数 1
回答已采纳
2回答
我想向下滚动到页面中的某个div，然后再向上滚动一点。
使用jquery。
我得到了这个onclick绑定：
{
$.scrollTo( $('#theDestDiv'), 1000);
window.scrollTo(0, (window.pageYOffset)-100 );
}
问题是: window.scroll在页面完成滚动到theDestDiv之前触发，然后pageYOffset获得错误的值。
我试过setTimeout，只有当超时时间是向下滚动所需的时间时，它才有效。
有什么办法解决这个问题吗？
浏览 0提问于2013-03-10得票数 0
2回答
移动对象非常简单。想象一下：
$("#myelement").animate({left:'+=200'},2000);
问题是，我希望我的元素开始缓慢移动，并在此过程中不断加速。
有谁知道怎么做吗？
浏览 0提问于2012-09-27得票数 0
回答已采纳
我正在使用最新版本的Zurb Foundation 4框架来创建一个单页面站点。我正在使用Windows7旗舰版，Chrome浏览器进行测试。我在页面上有菜单项(不是链接，我使用跨度来包含它们)，当点击时激活scrollTo插件。我还启用了jquery.easing.1.3插件。
问题是我需要在scrollTo命令中使用多个选项，如下所示：
$.scrollTo('#div_internet',1000,{offset: '-60', easing: 'easeInOutExpo'});
当我在括号中自己指定选项(偏移或缓动)时，此代码可以正常工
浏览 3提问于2013-09-03得票数 0
2回答
更改缓动参数
、、、、
我有一个补间功能，可以使用"Easing.Elastic.Out“来设置相机角度的动画。我如何改变放松的周期和幅度？
camera.lookAt(scene);
var controls = new THREE.OrbitControls(camera, renderer.domElement);
function camTweenLeft (startAngle){
var prevAngle=startAngle;
var tween = new TWEEN.Tween({angle:startAngle})
.to({angle:startAngle -
浏览 7提问于2015-04-23得票数 0
我正在尝试Chrome中最简单的不透明度过渡，但我发现尽管它通常是平滑的，但有时它会直接跳到不透明度:0或不透明度: 1，而不是过渡。
简化版，仅供webkit使用：
<style type="text/css">
.box{
background-color: #ff0000;
width:100px;
height:100px;
-webkit-transition: opacity 1s;
}
.box:hover{
opacity:0;
}
</st
浏览 5提问于2015-10-06得票数 1
1回答
因此，我对缓解的文档有一个问题。我已经查看了代码，发现了一些我想要定制的东西，但目前还不知道如何定制。下面是我要调用的函数：
$('.caption').show('scale', { percent: 100, easing: 'customEasing' }, 500);
我查看了一下easing函数，看到了以下内容
easeOutBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
return c*((t=t/d-1)*t*((s+
浏览 6提问于2012-09-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
