0

我有 90 多个 div,每个 div 中都有一个图像/图标。我想要它,以便当我单击其中一个时,该图像会出现在另一个 div 中。什么是一个体面的方法来做到这一点?我对 JS 还不太了解,所以可以举一个 HTML 的小例子,也仅限于 html5、Ajax 和 js。

编辑:我应该澄清一下,我想要内容进入的 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

阅读 :target in css3 它很容易使用 CSS3 没有太多使用 JS 阅读一个简单但很棒的教程

关于 css3 技巧

和真正值得一读的演示

于 2013-02-26T11:35:00.007 回答