摘要通過(guò)在Web 網(wǎng)頁(yè)中使用JavaScript 語(yǔ)言寫出具有各種功能的代碼,使設(shè)計(jì)的網(wǎng)頁(yè)更具特色、更具交互功能。通過(guò)兩個(gè)網(wǎng)頁(yè)制作范例,簡(jiǎn)單的探討了動(dòng)態(tài)網(wǎng)頁(yè)制作方面的一些問(wèn)題。
關(guān)鍵詞Javascript動(dòng)態(tài)網(wǎng)頁(yè)滾動(dòng)字幕文本框
中圖分類號(hào):TP31文獻(xiàn)標(biāo)識(shí)碼:A
1 引言
隨著網(wǎng)絡(luò)技術(shù)的發(fā)展, 網(wǎng)頁(yè)的表現(xiàn)方式也從最早的靜態(tài)網(wǎng)頁(yè)展到現(xiàn)在的絢麗多彩、充滿互動(dòng)性的網(wǎng)頁(yè)。Javascript是寫在HTML文檔中的一種基于對(duì)象和事件驅(qū)動(dòng)并具有安全性的腳本語(yǔ)言,適應(yīng)動(dòng)態(tài)網(wǎng)頁(yè)制作的需要而產(chǎn)生的一種新的編程語(yǔ)言,如今越來(lái)越廣泛地使用于Internet 網(wǎng)頁(yè)制作上,它能校驗(yàn)用戶輸入的內(nèi)容、有效地組織網(wǎng)頁(yè)內(nèi)容、動(dòng)態(tài)地顯示網(wǎng)頁(yè)內(nèi)容來(lái)彌補(bǔ)靜態(tài)網(wǎng)頁(yè)不能實(shí)現(xiàn)的功能。它的特效制作有很多種,本文只寫了幾個(gè)實(shí)例來(lái)介紹特效的制作。
2 制作會(huì)自動(dòng)逐行上升的文本框
在web網(wǎng)頁(yè)中,我們經(jīng)常看見(jiàn)一些各式各樣的文本框,比如自動(dòng)填寫的文本框、文本框的自動(dòng)換行等,現(xiàn)在我給大家制作會(huì)自動(dòng)上升的文本框,要完成此效果需要三個(gè)步驟
第一步:把如下代碼加入到
區(qū)域中3 使用Javascript制作連續(xù)滾動(dòng)字幕
我們一般都用Marquee標(biāo)簽控制元素的滾動(dòng)。但是單向的Marquee滾動(dòng)是不連續(xù)的,每滾完一幕,就會(huì)出現(xiàn)一次空白。而下面介紹中的滾動(dòng)則是連續(xù)的,毫不間斷。我們看看是如何逐步實(shí)現(xiàn)的。
marqueesHeight=200;
stopscroll=1;
with(marquees){
noWrap=true;
style.width=0;
style.height=marqueesHeight;
style.overflowY=\"hidden\";
onmouseover=new Function(\"stopscroll=true\");
onmouseout=new Function(\"stopscroll=1\");
}
document.write('
style=\"position:absolute;z-index:1;visibility:hidden\">
function init(){
while(templayer.offsetHeight templayer.innerHTML+=marquees.innerHTML; }marquees.innerHTML=templayer.innerHTML+templayer.innerHTML; setInterval(\"scrollUp()\",10); } document.body.onload=init; preTop=0; function scrollUp(){ if(stopscroll==true) return; preTop=marquees.scrollTop; marquees.scrollTop+=1; if(preTop==marquees.scrollTop){ marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1; } }