zoukankan html css js c++ java

Change the marquee directions on button click left and right

example 1:

<html>
 <body>
 <script language="JavaScript">
     function function1(){
         document.all.myMarquee.direction = "up";
     }
     function function2(){
         document.all.myMarquee.direction = "left";
     }
     function function3(){
         document.all.myMarquee.direction = "right";
     }
     function function4(){
         document.all.myMarquee.direction = "down";
     }
 </script>
 <marquee id="myMarquee" bgcolor="cyan">MARQUEE TEXT HERE</marquee>
 <button onclick="function1();">Up</button>
 <button onclick="function2();">Left</button>
 <button onclick="function3();">Right</button>
 <button onclick="function4();">Down</button>
 </body>

example 2

<head>
  <script type="text/javascript">
    function changeMarquee(dir) {
    

    //sets the direction atribute for the marquee tag
      document.getElementById('myMarquee').setAttribute('direction', dir);
    

    //changes the direction after 2 seconds (2000 = 2 seconds)
      if (dir == 'left') {
        setTimeout("document.getElementById('myMarquee').setAttribute('direction', 'right')", 2000);
      }
      else {
        setTimeout("document.getElementById('myMarquee').setAttribute('direction', 'left')", 2000);
      }
    }
  </script>
</head>
<body>
  <div>
    <marquee id="myMarquee" direction="right">This is some text</marquee>
  </div>
  <input type="button" onclick="changeMarquee('left')" id="leftBtn" value="Marquee Left" />
  <input type="button" onclick="changeMarquee('right')" id="righBbtn" value="Marquee Right" />
</body>

example3

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>.::M A R U Q U E E::. </title>
</head>
<body>
<script language="JavaScript">
    function goRightfor2sec()
    {
        document.getElementById('myMarquee').direction = "right";
    }
    function crawlLeft(){
        setTimeout(goRightfor2sec,2000);
        document.getElementById('myMarquee').direction = "left";
    }
    function crawlRight(){
        setTimeout(goLeftfor2sec,2000);
        document.getElementById('myMarquee').direction = "right";
    }
    function goLeftfor2sec(){
        document.getElementById('myMarquee').direction = "left";
    }
</script>
<button onclick="crawlLeft();">Left</button>
<marquee id="myMarquee"  bgcolor="cyan">MARQUEE TEXT HERE</marquee>
<button onclick="crawlRight();">Right</button>
</body>
</html>

查看全文

相关阅读:
使用本地系统帐户和域用户帐户两者区别(microsoft SQLServer2000)(ZT)
Winform中消息循环、异步操作、Control.Invoke&Control.BeginInvoke学习
 SQL字符串的分组聚合(ZT)
一次项目维护案例而对事务学习的笔记
 NOIP2011提高组选择客栈
 NOIP2012提高组 Day 2 Problem 2 借教室
 201793模拟赛T2 取数(win)
201793模拟赛T1 卡片(card)
01Dart 变量常量
 01TypeScript 基础类型

原文地址：https://www.cnblogs.com/visense/p/3216196.html