JAVASCRIPT範例:[直向連結跑馬燈訊息欄] 9W個人設計工作室

直向連結跑馬燈訊息欄

本區程式於非 IE 核心瀏覽器上執行可能無法執行或出現錯誤

★★☆ JAVASCRIPT程式碼 ☆★★

請將以下程式碼複製至您的<HEAD>與<HEAD>之間

<Style type=text/css>
#jump_base {
  overflow-y:hidden;
  width: 240px;
  height: 50px;
  border: 2px dotted #000099;
  margin: auto;
  padding: 0 10px 0 10px;
  font-size: 10px;
  font-family: Arial;
}

#jump_base a {
  color: #000099;
  background-color: inherit;
}

.news {
  background-color: #DDDDDD;
  color: inherit;
}
</Style>
<script language=JavaScript>
/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Mike Hudson :: http://www.afrozeus.com */

/*
To change the values in the setupLinks function below.
You will notice there are two arrays for each of Titles and
Links. Currently there are 3 items in each array, but you can easily
expand on that by adding to the array. For example, to add a 4th record,
you would simply include the following 2 lines at the end of setupLinks
function:
您可以增加連結內容：
arrLinks[3] = "someURL.htm"; 連結網址
arrTitles[3] = "Some title"; 連結名稱
*/
function setupLinks() {
  arrLinks[0] = "http://www.9w2u.com";
  arrTitles[0] = "9 Walker Studio-9W個人設計工作室";
  arrLinks[1] = "http://www.9w2u.com/javascriptroom.asp";
  arrTitles[1] = "JAVASCRIPT 程式收集";
  arrLinks[2] = "http://www.9w2u.com/bouzi.asp";
  arrTitles[2] = "可愛包子動畫圖庫";
}

var m_iInterval;
var m_Height;
//window.onload = wl;
var iScroll=0;

var arrLinks;
var arrTitles;

var arrCursor = 0;

var arrMax;
window.onload=wl;

function wl() {
  m_iInterval = setInterval(ontimer, 10);
  var base = document.getElementById("jump_base");

m_Height = base.offsetHeight;

var divi = parseInt(m_Height/5);
  m_Height = divi*5;

var td1 = document.getElementById("td1");
  var td2 = document.getElementById("td2");
  var td3 = document.getElementById("td3");
  td1.height = m_Height-5;
  td2.height = m_Height-5;
  td3.height = m_Height-5;

arrLinks = new Array();
  arrTitles = new Array();

setupLinks();
  arrMax = arrLinks.length-1;
  setLink();
}
function setLink() {
  var ilink = document.getElementById("jump_link");
  ilink.innerHTML = arrTitles[arrCursor];
  ilink.href = arrLinks[arrCursor];
}
function ontimer() {
  var base = document.getElementById("jump_base");
  iScroll+=5;
  if (iScroll>(m_Height*2)) {
    iScroll=0;
    arrCursor++;
    if (arrCursor>arrMax)
      arrCursor=0;
    setLink();
  }
  if (iScroll==m_Height) {
    pause();
    m_iInterval = setTimeout(resume, 4000); //訊息停止時間
  }
  base.scrollTop=iScroll;
}
function pause() {
  clearInterval(m_iInterval);
}
function resume() {
  m_iInterval = setInterval(ontimer, 10);
}
</script>

請將以下程式碼複製至您的<BODY>與</BODY>之間

程式補充說明：
width: 200px; /*欄寬*/
height: 100px; /*欄高*/
border: 2px dotted #000099; /*外框顏色*/
margin: auto;
padding: 0 10px 0 10px;
font-size: 10px; /*字型大小*/
font-family: ARIAL; /*字體*/

arrLinks[0] = "http://www.9w2u.com"; /*連結網址*/
arrTitles[0] = "9 Walker Studio-9W個人設計工作室"; /*連結名稱*/