javascript - 当 DIV 处于 View 中时，我将如何编写一个脚本来控制页面的各个方面？

Question

所以我在 roseannebarr.tumblr.com 上有一个丑陋的、预先设计的轮播，我计划在轮播的左侧放置一个 DIV，并带有一个专用的“关于”按钮。当您单击“关于”按钮时，我希望在它的位置出现一个“左”箭头。我会使用 if else 语句吗？我在 Javascript 方面的经验很少，但我正在学习。感谢您的帮助。

Answer 1

你不能只用 javascript 函数放置一个像这样的 div 吗？

基本上，您将 div 放在传送带上。这个 dis 有一个 About 是可点击的。如果单击它将调用 js 函数。

js 函数然后在 span 中放置一个新图像。如果需要，您可以将图像设为超链接。

<script type="text/javascript">
function ShowArrow(spn){
   document.getElementById(spn).innerHtml('<img src="path_to_your_image" />');
}
</script>

<div style="float:left">
  <span id="spnAbout" onclick="ShowArrow(this.id);return false;" style="background-color:#ccc;padding:5px;cursor:pointer">About</span>
</div>

如果您使用 jquery，那么您的函数将如下所示:

function ShowArrow(spn){
   $('#'+spn).html('<img src="path_to_your_image" />');
}