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>

查看全文

相关阅读:
东方财富炒股公式
 centos8安装MySQL8——通过yum
官网下载工具时。各种不同后缀名称的区别。
线上不停机部署mysql主从
 店员任务项目总结
 JS到PHP使用RSA算法进行加密通讯
 无锁同步-JAVA之Volatile、Atomic和CAS
无锁同步-C++11之Atomic和CAS
浅谈一个网页打开的全过程（涉及DNS、CDN、Nginx负载均衡等）
SQLServer数据库卡，内存吃不上去，系统资源用不上

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