Javascript 我必须使用jQuery鼠标滚动动画效果
请检查此链接 它的工作没有鼠标滚动，但我想使用这个鼠标滚动动画。如果任何用户点击URL上的链接，字母间距应为50px。如果第一次鼠标滚动，字母间距应为35px，如果第二次鼠标滚动，字母间距应为15px。请帮助我输入jquery代码Javascript 我必须使用jQuery鼠标滚动动画效果,javascript,jquery,css,animation,jquery-animate,Javascript,Jquery,Css,Animation,Jquery Animate,请检查此链接 它的工作没有鼠标滚动，但我想使用这个鼠标滚动动画。如果任何用户点击URL上的链接，字母间距应为50px。如果第一次鼠标滚动，字母间距应为35px，如果第二次鼠标滚动，字母间距应为15px。请帮助我输入jquery代码 <link rel="stylesheet" href="style.css"> </head> <body> <div class="header-text"> &l
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="header-text">
<ul>
<li><h2 class="letter-1">A</h2></li>
<li><h2 >B</h2></li>
<li><h2 class="letter-3">C</h2></li>
<li><h2 class="letter-1">D</h2></li>
<li><h2>E</h2></li>
<li><h2 class="letter-3">F</h2></li>
<li><h2 class="letter-7">G</h2></li>
<li><h2 class="letter-8">H</h2></li>
<li><h2 class="letter-1">I</h2></li>
<li><h2>J</h2></li>
<li><h2 class="letter-3">K</h2></li>
<li><h2 class="letter-4">L</h2></li>
<li><h2 class="letter-5">M</h2></li>
<li><h2 class="letter-6">N</h2></li>
</ul>
</div>
</body>
</html>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="header-text">
<ul>
<li><h2 class="letter-1">A</h2></li>
<li><h2 >B</h2></li>
<li><h2 class="letter-3">C</h2></li>
<li><h2 class="letter-1">D</h2></li>
<li><h2>E</h2></li>
<li><h2 class="letter-3">F</h2></li>
<li><h2 class="letter-7">G</h2></li>
<li><h2 class="letter-8">H</h2></li>
<li><h2 class="letter-1">I</h2></li>
<li><h2>J</h2></li>
<li><h2 class="letter-3">K</h2></li>
<li><h2 class="letter-4">L</h2></li>
<li><h2 class="letter-5">M</h2></li>
<li><h2 class="letter-6">N</h2></li>
</ul>
</div>
</body>
</html>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="header-text">
<ul>
<li><h2 class="letter-1">A</h2></li>
<li><h2 >B</h2></li>
<li><h2 class="letter-3">C</h2></li>
<li><h2 class="letter-1">D</h2></li>
<li><h2>E</h2></li>
<li><h2 class="letter-3">F</h2></li>
<li><h2 class="letter-7">G</h2></li>
<li><h2 class="letter-8">H</h2></li>
<li><h2 class="letter-1">I</h2></li>
<li><h2>J</h2></li>
<li><h2 class="letter-3">K</h2></li>
<li><h2 class="letter-4">L</h2></li>
<li><h2 class="letter-5">M</h2></li>
<li><h2 class="letter-6">N</h2></li>
</ul>
</div>
</body>
</html>
jQuery（文档）.ready（函数（e）{
jQuery（窗口）。滚动（函数（e）{
if（jQuery（window）.scrollTop（）>50&&jQuery（window）.scrollTop（）<300）{
jQuery（'.effect spase'）.css（{'letter-spating'：35}）；
}
else if（jQuery（window）.scrollTop（）>300）{
jQuery（'.effect spase'）.css（{'letter-spating'：15}）；
}
else if（jQuery（window）.scrollTop（）<50）{
jQuery（'.effect spase'）.css（{'letter-spating'：50}）；
}
});
});
。标题文本
{
高度：1000px；
文本对齐：居中；
宽度：100%；
}
.效果spase{
位置：固定；
字体大小：30px；
字母间距：50px；
过渡：所有0.5s缓进缓出；
-webkit过渡：所有0.5s易入易出；
}
曼苏克
jQuery（文档）.ready（函数（e）{
jQuery（窗口）。滚动（函数（e）{
if（jQuery（window）.scrollTop（）>50&&jQuery（window）.scrollTop（）<300）{
jQuery（'.effect spase'）.css（{'letter-spating'：35，'left'：'auto'}）；
}
else if（jQuery（window）.scrollTop（）>300）{
jQuery（'.effect spase'）.css（{'letter-spating'：15，'left'：'41%}）；
}
else if（jQuery（window）.scrollTop（）<50）{
jQuery（'.effect spase'）.css（{'letter-spating'：50，'left'：'auto'}）；
}
});
});
。标题文本
{
高度：1000px；
文本对齐：居中；
宽度：100%；
}
.效果spase{
位置：固定；
字体大小：30px；
字母间距：50px；
过渡：所有0.5s缓进缓出；
-webkit过渡：所有0.5s易入易出；
}
曼苏克
Hi@Hybreeder，如果可能的话，卷轴大小为e。50像素。。还有我做的100像素的。。。但无法获取第一卷，第二卷。。。如果按“PX”做，让我告诉你我会帮助你的。谢谢你的回复曼苏克先生。好的，请帮我看一下代码信息我是不是有帮助我批准了他的答案@Mansukh Khandhar这里是一个jsfiddle与代码Mansukh先生合作。完成动画后，你能再帮我一个忙吗？我们能在中间显示文本吗？检查mt第二个答案