这是我的html代码：
<!DOCTYPE html>
<html>
<head>
<title>Divs</title>
<script type="text/javascript" src="script.js"></script>
<link href="stylesheet.css" rel="stylesheet" type="text/css">
</head>
<body>
<div>word</div>
<div>word</div>
<div>word</div>
<div>word</div>
</body>
</html>
这是我的CSS代码：
div {
height:50px;
width:100px;
display: inline-block;
background-color:black;
color:white;
text-align:center;
line-height:50px;
}
这是我的JavaScript代码：
$(document).ready(function() {
$('div').mouseenter(function() {
$(this).animate({
height: '+=10px'
});
});
$('div').mouseleave(function() {
$(this).animate({
height: '-=10px'
});
});
$('div').click(function() {
$(this).fadeOut(1000);
});
});
当我在Dreamweaver中执行浏览器预览或实时代码时，单击处理程序或动画未触发，我的代码错误或程序设置错误，我迷路了（我在chrome，firefox和safari上尝试过） 。
将此链接放在您的script.js之前
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"> </script>
这是没有此链接的jquery链接，jquery脚本无法运行。总是在使用jquery时必须放置jquery.js，您可以在
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句