如何制作它以便我可以在页面上的主体上进行mousedown,然后向上或向下拖动页面,就像在PDF中一样?
基本上我希望能够上下拖动整个页面,任何想法如何做到这一点?我不想使用jQuery UI做任何事情.
我想.one在这种情况下会有用吗?但我不知道怎么做...
我点击搜索链接时会出现一个搜索框.我希望用户能够在没有关闭的情况下点击该div中的任何内容,但是当用户点击该div之外的任何内容时,div会淡出.
我正在尝试将鼠标Y坐标startPosition每隔100毫秒保存到变量.mousemove,同时处于活动状态,而鼠标按钮被保持(mousedown),我的代码对我不起作用,我假设它是错误的?有人可以帮我解决这个问题吗?
$(document).mousemove( function (e) {
gesturesY = parseInt(e.pageY, 10);
startPosition = setInterval(gesturesY, 100);
});
Run Code Online (Sandbox Code Playgroud)
编辑: 我认为这可能是一个全新的问题?对不起任何混淆,下面是对我混乱的问题的澄清.开始了:
http://jsfiddle.net/nicktheandroid/PCgFK/1/
这个JSfiddle允许您抓取滚动框中的页面并将其向上或向下抛出,就像触摸屏手机一样.现在,如果您抓住页面(在滚动框区域中)并向上移动鼠标(导致页面向下滚动),然后释放鼠标按钮,速度将启动,它将跳转页面一点.当你真正抓住页面并向上或向下轻弹以滚动页面时,就会出现这种情况,这会让它变得缓慢而稳定.如果这个人没有轻弹,而只是拖动页面,然后保持鼠标稳定并释放鼠标按钮,它会跳起来,就像我上面说的那样.当人抓住并拖动页面时,我试图摆脱跳跃,然后当鼠标静止时,释放鼠标按钮.
我认为通过更新startPosition每100毫秒左右,它会消除跳跃,但仍然可以通过向上或向下轻拂页面来减慢速度.我已经非常接近完成了这项工作,但我仍然存在问题.其他人帮助我添加了速度,在脚本中有一个变量叫做velocityCheckWait我认为与我想要它做的相反.
对不起有任何困惑,感谢任何能够有时间帮助我的人.
对于这样的事情:
jQuery的:
$(document).ready(function(){
var container = $('.rotate_container');
var images = container.find('img');
container.everyTime(10, function (){
images.each(function() {
container.animate({scrollTop: $(this).offset().top - 165}, 2000).delay(1000);
});
});
});
Run Code Online (Sandbox Code Playgroud)
制作变量"容器"和"图像"的重点是什么?如果它们每个只使用过一次,那对它有什么帮助呢?
谢谢.
难道这两个数学问题不应该给出相同的答案吗?括号/括号首先完成,对吧?因此它应该将它们全部加起来,然后除以2,然后减去10.下面的第二个答案是给我正确的值,我需要的另一个,另一个给出一个很长的路.
var pleft = $(this).offset().left + ($(this).width() /2) - ($("#question-wrapper").width() / 2) - 10;
var pleft = (($(this).offset().left + $(this).width() + $("#question-wrapper").width()) / 2) - 10;
Run Code Online (Sandbox Code Playgroud) 我有一个输入,当somone在输入上盘旋时我希望它的BGcolor变为灰色,然后当它们悬停在输入上时我希望它的BGcolor变回白色(默认颜色).但是我也希望输入的BGcolor在焦点输入时变为灰色,但是当人们专注于输入,然后将光标从输入移开时,即使输入有BGcolor,BGcolor也会变回白色焦点.因此,基本上我希望当输入框具有焦点时禁用鼠标悬停功能,然后当它不再具有焦点时,重新启用鼠标悬停功能.
谁能帮我吗?我不知道怎么做...
我试图基本上这样做,所以用户不能连续两次点击#shareheart,使动画搞砸了.也许你可以说我试图创建一个活动状态而不添加和删除类?
为什么这不起作用?第一段代码是什么不起作用,它不遵循这个if语句,我在这里做错了吗?
if($('.share-text').not(':animated') && $('.share-text span').is(':visible')) {
// do something
}
Run Code Online (Sandbox Code Playgroud)
这是完整的代码:
$('#shareheart').click(function() {
if ($('.share-text:animated').length == 0 && $('.share-text span').is(':visible')) {
$('.share-text span').animate({'opacity': '0'}, 800, function() {
$("#share-what").fadeOut(400)
$('.share-text').stop(true, false).animate({'width': 'toggle','padding-left': 'toggle','padding-right': 'toggle'}, 800)
$('#short-url').css('background-image', "url('images/drink.png')");
})
} else {
$('.share-text').stop(false, true).animate({'width': 'toggle','padding-left': 'toggle','padding-right': 'toggle'}, 800, function() {
$('.share-text span').animate({'opacity': '1'}, 800)
});
}
});
Run Code Online (Sandbox Code Playgroud) 在这段代码中,K从未被提及过,那么,它的用途是什么?我从我看到的视频讲座中获取了这段代码.为什么有k?它在给定的代码中是否包含某种信息?
var elems = [$ventfade, $venthoverm $spans];
$.each(elems, function(k,v){
if (v.data('currently') != 'showing'){
v.stop();
}
})
Run Code Online (Sandbox Code Playgroud) 动画宽度切换时,它不是动画填充,所以我查看.outerWidth(),但我不确定如何实现这个...
$('#shareheart').click(function(){
$('.share-text').animate({outerWidth: 'toggle'}, 2000)
})
Run Code Online (Sandbox Code Playgroud) 为什么这段代码不起作用?如何使lightswitch = ON或OFF,然后再测试它是ON还是OFF?我可以在不处理更改类或ID的情况下执行此操作吗?
$(document).ready(function(){
$('p').click(function(){
var lightswitch = ON;
if (lightswitch == ON) {
alert('LIGHTSWITCH IS ON.')
} else {
alert('OFF.')
}
})
})
Run Code Online (Sandbox Code Playgroud) 有没有人知道如何做到这一点的教程,或者有没有人有一个小例子?
我以为我可以重写以下这一行:
$('a').filter('[hash=' + inview + ']');
Run Code Online (Sandbox Code Playgroud)
这样的事情:
$('a').attr(href, inview);
Run Code Online (Sandbox Code Playgroud)
显然有var inview = yada yada yada上面定义的.
还是有另一种方法来写第一行,
使用jquery并摆脱[hash='像.attr或.something(inview)这样的东西?
jquery ×11
javascript ×4
variables ×2
bind ×1
coordinates ×1
css ×1
css3 ×1
drag ×1
hash ×1
href ×1
html ×1
if-statement ×1
math ×1
mouse ×1
outer-join ×1
parentheses ×1
scroll ×1
shadow ×1
toggle ×1
width ×1