jquery 链接_jQuery链接微调

本是古典何须时尚 2023-02-21 15:29 10阅读 0赞

jquery 链接

A few weeks back I wrote an article about [MooTools Link Nudging][], which is essentially a classy, subtle link animation achieved by adding left padding on mouseover and removing it on mouseout. Here's how to do it using jQuery:

几周前，我写了一篇有关[MooTools Link Nudging][]的文章，它本质上是一种优雅的，微妙的链接动画，它是通过在mouseover上添加左填充并在mouseout上将其删除来实现的。 这是使用jQuery的方法：

[View Demo][] [观看演示][View Demo]

## jQuery JavaScript **(**The jQuery JavaScript**)** ##

$(document).ready(function() {
    	$('a.nudge').hover(function() { //mouse in
    		$(this).animate({ paddingLeft: '20px' }, 400);
    	}, function() { //mouse out
    		$(this).animate({ paddingLeft: 0 }, 400);
    	});
    });

It's important to keep the nudge small and quick, so I set the animation to 20 pixels over 400 milliseconds.

保持微调的大小和速度非常重要，因此我将动画设置为400毫秒内20像素。

[View Demo][] [观看演示][View Demo]

> 翻译自: [https://davidwalsh.name/jquery-link-nudging][https_davidwalsh.name_jquery-link-nudging]

jquery 链接

[MooTools Link Nudging]: https://davidwalsh.name/mootools-link-nudging
[View Demo]: https://davidwalsh.name/demo/jquery-link-nudging.php
[https_davidwalsh.name_jquery-link-nudging]: https://davidwalsh.name/jquery-link-nudging

发表评论取消回复

表情：

评论列表（有 0 条评论，10人围观）

还没有评论，来说两句吧...

相关阅读

相关硬链接 + 符号链接

文章目录硬链接 + 符号链接 1. 概述 2. 硬链接 3. 符号链接 -->软链接

阳光穿透心脏的1/2处/ 2023年03月14日 05:59/ 0 赞/ 49 阅读

相关 jquery淡入淡出_使用jQuery淡入淡出链接：dwFadingLinks

jquery淡入淡出 UPDATE: The jQuery website was down today which caused some issues with my e

不念不忘少年蓝@/ 2023年02月22日 01:27/ 0 赞/ 49 阅读

相关 jquery实现随机颜色_jQuery随机链接颜色动画

jquery实现随机颜色 We all know that we can set a link's :hover color, but what if we want to

叁歲伎倆/ 2023年02月22日 01:24/ 0 赞/ 31 阅读

相关 jquery 链接_jQuery链接微调

jquery 链接 A few weeks back I wrote an article about [MooTools Link Nudging][], which is

本是古典何须时尚/ 2023年02月21日 15:29/ 0 赞/ 11 阅读

相关超链接的内部链接和外部链接

超链接可以分为内部链接和外部链接两种。内部链接是指网站内部文件之间的链接，而外部链接是指网站内的文件链接到站点内容外的文件。代码如下： ![在这里插入图片描述][wat

妖狐艹你老母/ 2022年12月11日 13:36/ 0 赞/ 321 阅读

相关 Unix 硬链接与符号链接(软链接)

文章目录硬链接符号链接读取符号链接本身内容硬链接通过命令`ln srcfile ne

Love The Way You Lie/ 2022年12月06日 12:53/ 0 赞/ 345 阅读

相关 JQuery Mobile入门——外部页面链接

参考：[http://blog.csdn.net/liang408015204/article/details/8479030][http_blog.csdn.net_lian

客官°小女子只卖身不卖艺/ 2022年08月20日 07:29/ 0 赞/ 195 阅读

相关 jQuery跳转链接

[jQuery][]实现网页跳转或用命令打开指定网页！ location.href = "www.baidu.com"; location.href = "test.

阳光穿透心脏的1/2处/ 2022年07月13日 08:58/ 0 赞/ 233 阅读

相关再谈链接、静态链接、动态链接

我们知道用文本编辑器编写的“源代码”，经过编译器翻译后形成“目标代码”（主机使用的内部语言即机器语言），然而目标文件并不能直接执行，这就要说“链接”的作用了：将目标代码、库代码

柔情只为你懂/ 2022年06月09日 01:12/ 0 赞/ 332 阅读

相关 jQuery获取浏览器URL链接的值

方法一： $.extend({ getUrlVars: function () { var vars = [], hash;

小咪咪/ 2021年07月24日 15:51/ 0 赞/ 477 阅读