Javascript编码 - >按钮更改和暂停选框

时间:2017-09-05 03:55:25

标签: javascript

我正在运行此链接

我当前的问题是,

1)选框将显示整个文本,自动选取框从下到上。

2)我想添加一个按钮,它可以作为停止滚动字幕和简历 - 我在我的页面中有这个。但它不可行,因为它有两个按钮。为了提高效率,我决定添加一个javascrip按钮,一旦点击它就会改变文本。

3)我已尽力修改,但它确实有效。任何人都可以帮我纠正这个简单的片段吗?

由于 -John

<marquee behavior="scroll" direction="up" style="height:500px;" scrollamount="6" id="mymarquee" ><?php echo $price_today; ?></marquee>

<input type="button" value="Stop Marquee" onClick="document.getElementById('mymarquee').stop();" / >
<input type="button" value="Start Marquee" onClick="document.getElementById('mymarquee').start();" / > 
<input onclick="change()" type="button" value="Pause Autoscroll" id="myButton1" />


<script type="text/javascript">

  function change() // no ';' here
    {
    var elem = document.getElementById("myButton1");
    if (elem.value=="Pause Autoscroll") 
        elem.value = "Continue Autoscroll";
        document.getElementById('mymarquee').stop();
    else 
        elem.value = "Pause Autoscroll";
        document.getElementById('mymarquee').start();
    }    

2 个答案:

答案 0 :(得分:0)

您没有接受花括号中的ifelse语句,这是一个简单的语法问题,而不是其他任何内容。

&#13;
&#13;
 var change = function() // no ';' here
    {
    var elem = document.getElementById("myButton1");
    if (elem.value=="Pause Autoscroll") {
        elem.value = "Continue Autoscroll";
        document.getElementById('mymarquee').stop();
        }
    else {
        elem.value = "Pause Autoscroll";
        document.getElementById('mymarquee').start();
        }
    }
&#13;
<marquee behavior="scroll" direction="up" style="height:500px;" scrollamount="6" id="mymarquee" >$799</marquee>

<input type="button" value="Stop Marquee" onClick="document.getElementById('mymarquee').stop();" / >
<input type="button" value="Start Marquee" onClick="document.getElementById('mymarquee').start();" / > 
<input onclick="change()" type="button" value="Pause Autoscroll" id="myButton1" />
&#13;
&#13;
&#13;

答案 1 :(得分:0)

你的if else语句需要{}

function change() // no ';' here
{
   var elem = document.getElementById("myButton1");
   if (elem.value=="Pause Autoscroll"){
      elem.value = "Continue Autoscroll";
      document.getElementById('mymarquee').stop();
   }else{ 
      elem.value = "Pause Autoscroll";
      document.getElementById('mymarquee').start();
   }
}