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>

查看全文

相关阅读:
BZOJ3527: [Zjoi2014]力(FFT)
NOIP 2018游记
 BZOJ2763: [JLOI2011]飞行路线(分层图最短路)
11.7NOIP模拟赛解题报告
 交互体验之产品的文案
 关于java.lang.NoClassDefFoundError: com/sun/mail/util/LineInputStream解决办法
 [置顶] android 与JavaScript的互相调用
 linux系统的文件类型学习
 VS2012 开发SharePoint 2013 声明式workflow action(activity)之 HelloWorld
js判断浏览器类型 js判断ie6不执行

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