0

我有一个页面(类似于原始页面的虚构页面)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="jquery.js"></script>

<script>
$(document).ready(function(){
$("img").attr("width","180");
$("div").click(function(){$(this).slideToggle();
});});
</script><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<div style="position:absolute;top:0px;bottom:0px;left:0px;right:0px;"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"><img src="img.jpg"></div>
<body>
</body>
</html>

这不是动画,看起来就像它挂在浏览器中一样,它正在为小号制作动画。图像

4

1 回答 1

0

在这里工作正常http://jsfiddle.net/JSpu5/http://jsfiddle.net/JSpu5/1/

$("div").click(function(){$(this).slideToggle();});

如果您单击 div 它会为幻灯片设置动画,但是您将无法再看到该 div。想一个更好的逻辑来做动画,也许用一个按钮。

确保正确包含 JQuery js 文件。试试这个方法

<script src="http://code.jquery.com/jquery-1.7.2.js" />

编辑:

这里有一张图片http://jsfiddle.net/JSpu5/2/

于 2012-05-10T16:28:08.663 回答