gpt4 book ai didi

JavaScript 和 jquery - moveTo 和悬停

转载 作者:太空宇宙 更新时间:2023-11-03 18:33:25 25 4
gpt4 key购买 nike

好吧,我对 JavaScript 编码特别陌生,并且只使用了几个月的 HTML 和 CSS,所以如果这变得简单得可笑,我深表歉意。

我正在尝试使用基本的嵌入式 JavaScript (jquery) 获取一个超链接,以便在您每次将鼠标悬停在它上面时移动到一个新位置,有点像猫跟随激光笔点。

当我运行这段代码时,“moveAway”方法在鼠标悬停时似乎根本没有移动链接。只是想知道是否有人可以帮助确定这里的问题:

<html>
<head>

<!-- Sheet references -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>

</head>
<body>

<div id="link">
<a href="http://www.google.com">Click!</a>
</div>

<script>
function moveAway()
{
$('#link').moveTo(0,100);
}
$('#link').hover(moveAway);
</script>

</body>
</html>

最佳答案

你想做这样的事情吗?

你也可以使用 left 和 top random。

更多信息请参见 Jquery documentation

<html>
<head>

<!-- Sheet references -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>

</head>
<body>
<style>
#link
{
position:absolute;
}
</style>
<div id="link">
<a href="http://www.google.com">Click!</a>
</div>

<script>
function moveAway()
{
$('#link').animate({
left: "+=50",
top: "+=50"
});
}
$('#link').hover(moveAway);
</script>

</body>
</html>

关于JavaScript 和 jquery - moveTo 和悬停,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19282877/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com