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 に答える