0

各 div に画像/アイコンを含む 90 以上の div があります。それらのいずれかをクリックすると、その画像が別の div に表示されるようにします。これを行うための適切な方法は何でしょうか? 私はまだ JS についてあまり知らないので、html5、Ajax、および js に限定された、HTML を使用したこの例を少し示していただければ幸いです。

編集: コンテンツを入れたい div は既に作成されていることを明確にする必要があります。同様に作成する必要はありません。

<link href="CSS/mainSource.css" rel="stylesheet" type="text/css">
</head>
<body onLoad="display()">

<div id="testBox">
<div id="contentScroller">

<!-- I want to click one of these... -->

<div id="ahri"><img src="images/LoLchamps/Ahri.png" width="64" height="64"></div>
<div id="akali"><img src="images/LoLchamps/Akali.png" width="64" height="64"></div>
<div id="alistar"><img src="images/LoLchamps/Alistar.png" width="64" height="64"></div>
<div id="amumu"><img src="images/LoLchamps/Amumu.png" width="64" height="64"></div>

<!-- ...and clone the div OR content from clicked div/image into a div that I'll set up below the clear fix -->

<div style="display: block; clear: both;"></div>
</div>
</div>
<script type="text/javascript">
var myScroll = new iScroll('testBox');
</script>

</body>
</html>

ありがとう。- ケン B.

4

2 に答える 2

1

これを試してください（Jqueryライブラリをロードする必要があります）

$(document).ready(function () {
    $("div.selecters").click(

    function () {
        $("#clone").html($(this).html());
    });
});

これは一例です。自分のクラスと ID で運が良ければ、HTML では機能しません。

ここにデモがあります

于 2013-02-26T11:31:53.007 に答える
0

css3 の :target について読む CSS3 でかなり簡単 JS をあまり使用しない シンプルだが優れたチュートリアルを読む

css3-tricks について

デモ は本当に読む価値があります

于 2013-02-26T11:35:00.007 に答える