각종 소스창고/자바스크립트

디비 정보를 이용해서 위로 움직이게 하는 한줄뉴스

아침한때비 2012. 3. 21. 18:22

<script language="JavaScript">
                          <!--
                          var scrollerwidth = 350;
                          var scrollerheight = 19;
                          var scrollerbgcolor = '';
                          var scrollerbackground = 'red';
                          // 공지사항 갯수
                          var num = 1;
                          // 멈추는 시간 클수록 오래 멈춤
                          var scrollspeed = '2000';
                          // Scrolling 속도
                          var waitingtime = '50';

                          var messages = new Array();
                          if (messages.length > 1) {
         i = 2;
        } else {
         i = 0;
        }

                          function move1(whichlayer){
         tlayer = eval!(whichlayer);
        if (tlayer.top > 0 && tlayer.top <= num) {
          tlayer.top = 0;
             setTimeout("move1(tlayer)", scrollspeed);
             setTimeout("move2(document.main.document.second)", scrollspeed);
             return;
         }
         if (tlayer.top >= tlayer.document.height *- 1) {
          tlayer.top -= num;
          setTimeout("move1(tlayer)", waitingtime);
         } else {
             tlayer.top = scrollerheight;
          tlayer.document.write(messages[i]);
             tlayer.document.close();
          if (i == messages.length-1) {
           i=0;
          } else {
           i++;
          }
         }
                          }

                          function move2(whichlayer) {
         tlayer2 = eval!(whichlayer);
         if (tlayer2.top > 0 && tlayer2.top <= num) {
          tlayer2.top = 0;
          setTimeout("move2(tlayer2)", scrollspeed);
             setTimeout("move1(document.main.document.first)", scrollspeed);
          return;
         }
         if (tlayer2.top >= tlayer2.document.height *- 1) {
          tlayer2.top -= num;
          setTimeout("move2(tlayer2)", waitingtime);
         } else {
             tlayer2.top = scrollerheight;
          tlayer2.document.write(messages[i]);
          tlayer2.document.close();
          if (i==messages.length-1) {
           i=0;
          } else {
           i++;
          }
         }
                          }

                          function move3(whichdiv) {
         tdiv = eval!(whichdiv);
         if (tdiv.style.pixelTop > 0 && tdiv.style.pixelTop <= num){
          tdiv.style.pixelTop = 0;
          setTimeout("move3(tdiv)", scrollspeed);
          setTimeout("move4(second2)",scrollspeed);
          return;
         }
         if (tdiv.style.pixelTop >= tdiv.offsetHeight *- 1) {
          tdiv.style.pixelTop -= num;
          setTimeout("move3(tdiv)", waitingtime);
         } else {
          tdiv.style.pixelTop = scrollerheight;
          tdiv.innerHTML = messages[i];
          if (i == messages.length-1) {
           i=0;
          } else {
           i++;
          }
         }
                          }

                          function move4(whichdiv) {
         tdiv2 = eval!(whichdiv);
         if (tdiv2.style.pixelTop > 0 && tdiv2.style.pixelTop <= num) {
          tdiv2.style.pixelTop = 0;
          setTimeout("move4(tdiv2)", scrollspeed);
          setTimeout("move3(first2)", scrollspeed);
          return;
         }
         if (tdiv2.style.pixelTop >= tdiv2.offsetHeight *- 1) {
          tdiv2.style.pixelTop -= num;
          setTimeout("move4(second2)", waitingtime);
         } else {
          tdiv2.style.pixelTop = scrollerheight;
             tdiv2.innerHTML = messages[i];
          if (i == messages.length - 1) {
           i=0;
          } else {
           i++;
          }
         }
                          }

                          function onmouse_event() {
         num=0;
                          }

                          function mouseout_event() {
         num=1;
                          }

                          function startscroll() {
         if (document.all) {
          move3(first2);
          second2.style.top = scrollerheight;
          second2.style.visibility = 'visible';
         } else if (document.layers) {
          document.main.visibility='show';
          move1(document.main.document.first);
          document.main.document.second.top = scrollerheight + num;
          document.main.document.second.visibility = 'show';
         }
                          }
                          window.attachEvent(onload",startscroll);
                          //-->
                          </script>
        <script>
       function go_news(num){
                              window.open("../news/news.html?no="+num,"viewInfo","scrollbars=yes");
       }
        </script>
      

          <script language="javascript"> 
      <?php
      $newQuery = "select * from arbeit_news order by no desc limit 5";
      $newQue = mysql_query($newQuery);      
      
      for($i=0; $i < $newrow = mysql_fetch_array($newQue); $i++) {
      $newNo = $newrow[no];
      $newTitle = $newrow[title];
      ?>
      messages[<?= $i;?>] = "<a href=javascript:// onclick=\"go_news('<?= $newNo;?>')\";><?= $newTitle;?></a><br><br>";
      <?php } ?>
                        </script>

 

 

=========================================================================================================

   <script>
   document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">')
                        document.writeln('<div onMouseOver=onmouse_event()" onMouseOut="mouseout_event()" style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:1;z-index:1">')
                        document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;z-index:1">')
                        document.write(messages[0])
                        document.writeln('</div>')
                        document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;z-index:1; visibility:hidden">')
                        document.write(messages[1])
                        document.writeln('</div>')
                        document.writeln('</div>')
                        document.writeln('</span>')    
   </script>