【筆記】在IE及FIREFOX皆正常的跑馬燈文字

那天我和小欣研究了很多的跑馬燈。

於是小欣找到了下方這個適用在IE及FIREFOX皆正常的跑馬燈文字。

果然是很讚。：D

<div id="demo" style="OVERFLOW: hidden; WIDTH: 210px; LINE-HEIGHT: 1.7em; LETTER-SPACING: 0em; HEIGHT: 420px">
<div id="demo1"><font face="細明體" color="#000000" size="2">
這是可以由下往上漸漸跑出字的跑馬燈唷。<br />
在FIXREFOX及IE都正常喔。<br />
</font></div>
<div id="demo2"></div>
</div>
<script>
var speed=40
var demo=document.getElementById("demo");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
demo2.innerHTML=demo1.innerHTML
demo2.innerHTML=demo2.innerHTML+demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)
}
</script>
2. 培養具有人文素養、品德、社會責任與前瞻性視野之人才。<br />
<h5>研究所之教育目標：</h5>
1. 養成具有化工與材料專業知識與技能的高級人才。<br />
2. 養成具有獨立的思考、研發能力與領導能力之研究人才。<br />
3. 養成具有人文素養、品德、社會責任與前瞻性視野之領導人才。<br />
<h5>核心能力大學部之核心能力：</h5>
1.運用數學、科學及工程知識的能力。<br />
2.設計與執行實驗，以及分析與解釋數據的能力。<br />
3.執行工程實務所需技術、技巧及使用工具之能力。<br />
4.設計工程系統、元件或製程之能力。<br />
5.有效溝通與團隊合作的能力。<br />
6.發掘、分析及處理問題的能力。<br />
7.認識時事議題，瞭解工程技術對環境、社會及全球的影響，並培養持續學習的習慣與能力。<br />
8.理解專業倫理及社會責任。<br />
<h5>研究所之核心能力：</h5>
1.特定領域之專業知識。<br />
2.策劃及執行專題研究之能力。<br />
3.撰寫專業論文之能力。<br />
4.創新思考及獨立解決問題之能力。<br />
5.與不同領域人員協調整合之能力。<br />
6.良好的國際觀。<br />
7.領導、管理及規劃之能力。<br />
8.終身自我學習成長之能力。<br />
</font></div>
<div id="demo2"></div>
</div>
<script>
var speed=40
var demo=document.getElementById("demo");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
demo2.innerHTML=demo1.innerHTML
demo2.innerHTML=demo2.innerHTML+demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)
}
</script>