当DIV在视图中时,我如何编写一个控制页面方面的脚本?

时间:2011-06-22 04:04:01

标签: javascript html css

所以我在roseannebarr.tumblr.com上有一个丑陋的预设旋转木马,我计划将DIV放在左侧的旋转木马上,并带有一个专用的“关于”按钮。当您单击“关于”按钮时,我希望“左”箭头显示在其中。我会使用if else语句吗?我在Javascript方面经验不多,但我正在学习。任何帮助表示赞赏。

1 个答案:

答案 0 :(得分:1)

你不能用javascript函数放置这样的div吗?

基本上你把div放在了caraousel上。这个dis有一个About可以点击的范围。如果单击它将调用js函数。

然后,js函数会在范围内删除新图像。 如果需要,您可以将图像作为超链接。

<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" />');
}