Question

我有一个页面（虚构页面与原始页面相似）

<!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>

这不是动画，看起来像是挂在浏览器中，它是小动画的动画。图像

Answer 1

在这里工作正常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/

浏览器没有动画大div

1 个答案: