gpt4 book ai didi

javascript - 简单但丢失 : Embeding Javascript into HTML

转载 作者:行者123 更新时间:2023-11-28 19:52:00 25 4
gpt4 key购买 nike

我想做的就是使用这个代码:jsfiddle对于一个不可点击的按钮,但我似乎无法按照我习惯的方式嵌入 JS。我觉得我的问题是告诉它 img 是什么。这就是我所拥有的。

<html>
<head>
<script>
jQuery(function($) {
$('#img').mouseover(function() {
var dWidth = $(document).width() - 100, // 100 = image width
dHeight = $(document).height() - 100, // 100 = image height
nextX = Math.floor(Math.random() * dWidth),
nextY = Math.floor(Math.random() * dHeight);
$(this).animate({ left: nextX + 'px', top: nextY + 'px' });
</script>
</head>
<body>
<div class="top">
<p>Yada yada yada.<p>
</div>
<img src="poop.png" width="100" height="100" alt="Grey Square" id="img" />
</body>
</html>

最佳答案

您似乎缺少一些右括号和加载 jQuery 本身的部分:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<script>
$(function() {
$('#img').mouseover(function() {
var dWidth = $(document).width() - 100, // 100 = image width
dHeight = $(document).height() - 100, // 100 = image height
nextX = Math.floor(Math.random() * dWidth),
nextY = Math.floor(Math.random() * dHeight);
$(this).animate({ left: nextX + 'px', top: nextY + 'px' });
}); /// HERE
}); /// AND HERE
</script>

我建议在学习 jQuery 之前,您应该学习 Javascript - 令人惊讶的是,与普遍的看法相反,这两者实际上不是同一件事!

另外,您还需要关注浏览器的错误控制台;如果您这样做,您就会注意到由于缺少右括号而导致的语法错误。

关于javascript - 简单但丢失 : Embeding Javascript into HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23282371/

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