我有困难找到一个代码,如果这个网站是向下滚动,我希望一个div在同一时间向上移动,直到我已经滚动超过一定数量的像素。
因此,如果我向下滚动,像100像素,我的div向上移动100像素,当我传递120像素时,函数停止。当我再次向上滚动,函数再次启动,但当然,相反的效果。
现在,我有这个代码,但我希望它是平滑的,一个像素,而不仅仅是当毒药是正确的效果。
$(window).scroll(function(){
var a = 145;
var pos = $(window).scrollTop();
if(pos > a) {
$("#mobil .holder")
我想要创建带有图像的div元素,并从鼠标位置用坐标更改它的位置。有一些jquery插件来创建3d效果,但我只需要移动X和Y坐标。同时,在div元素的极限中这样做。
我有下一个代码:
$('div.images').mousemove(function(e){
var x = e.pageX - this.offsetLeft;
var y = e.pageY - this.offsetTop;
$('div.images').css({'top': x,'left': y});
我有这个链接(),它有如下所示的某些css附加到它。当我按下链接时,我会将链接移动到页面上的不同位置。我还需要更改的css在a:活动括号后的链接移动。基本上,我希望top为0px。动画功能发生了,但是jquery的第二行没有效果。我该如何做到这一点?
Html
<div class = "buttons">
<a class = "About" href="#"><span>About Me</span><img src="#" alt="About Me"&g
所以我想出了解决办法,等等:
HTML:
<div id="header_nav">
<nav>
<ul class="navi">
<li><a href="">Home</a></li>
... Stack overflow wont let me add more code, but there are more links, etc
联署材料:
var elementPosition = $('#h
我正在为我工作的迪斯科舞厅建一个全新的网站。
请在宾客页面上查看:
当指针在图片上移动时,我可以得到我想要的确切效果,但我想我的代码是really...bad……我相信一定有更干净的东西。
我在jQuery ready()中使用了这个:
$(".oneguest").bind("mouseenter", function () {
//get the actual coords of the div
var coord = $(this).position();
//show guest's name
$(".guestname"
我想通过按空格键来旋转一个元素,就像俄罗斯方块的效果。但到目前为止,我只能旋转它一次,position()方法似乎不像使用键进行横向移动时那样工作。任何帮助或提示都将不胜感激。这就是我所拥有的:
$(document).ready(function() {
$(document).on('keydown', function(e) {
var keyCode = e.keyCode;
var div = $("#div");
e.preventDefault();
if (keyCode === 37) div.css(
我试图移动和淡出一个div向下滚动,淡出效果是好的,但不能使它向左移动。
有什么帮助吗?谢谢!
这是一把小提琴
var moveStart=100 // 100px scroll or less will equiv to 1 opacity
,moveUntil=900 // 900px scroll or more will equiv to 0 opacity
,moving = $('#fading')
;
$(window).bind('scroll', function(){
var moveoffset = $(document).scrollT
我想创造一个“从碗中取石头”的效果。新的div元素".stone“应该通过单击指定的div ".bowl”在鼠标光标下创建。当用户单击并按下鼠标时,石头应该是可直接拖动的。
我所能写的就是添加新元素,用户可以通过第二次单击移动,但不能通过第一次移动:
$(".bowl").on('mousedown', function ( event ) {
var $stone = $('<div class="stone"></div>').css({
left
我试着用css3做一个简单的悬停效果。它在个人电脑上工作得很好,但在移动设备上却不完全正常。当我触摸一个图像时,它会向上滑动,但当我触摸文本或div时,它将无法工作。
在台式电脑上工作很好,在移动/平板电脑(iPhone/iPad)上不起作用:
<ul class="grid blockhover">
<li>
<figure>
<div><h1>headline</h1></div>
<figcaption>text text text t