摘要通過在Web 網頁中使用JavaScript 語言寫出具有各種功能的代碼,使設計的網頁更具特色、更具交互功能。通過兩個網頁制作范例,簡單的探討了動態網頁制作方面的一些問題。
關鍵詞Javascript動態網頁滾動字幕文本框
中圖分類號:TP31文獻標識碼:A
1 引言
隨著網絡技術的發展, 網頁的表現方式也從最早的靜態網頁展到現在的絢麗多彩、充滿互動性的網頁。Javascript是寫在HTML文檔中的一種基于對象和事件驅動并具有安全性的腳本語言,適應動態網頁制作的需要而產生的一種新的編程語言,如今越來越廣泛地使用于Internet 網頁制作上,它能校驗用戶輸入的內容、有效地組織網頁內容、動態地顯示網頁內容來彌補靜態網頁不能實現的功能。它的特效制作有很多種,本文只寫了幾個實例來介紹特效的制作。
2 制作會自動逐行上升的文本框
在web網頁中,我們經??匆娨恍└魇礁鳂拥奈谋究?,比如自動填寫的文本框、文本框的自動換行等,現在我給大家制作會自動上升的文本框,要完成此效果需要三個步驟
第一步:把如下代碼加入到
區域中3 使用Javascript制作連續滾動字幕
我們一般都用Marquee標簽控制元素的滾動。但是單向的Marquee滾動是不連續的,每滾完一幕,就會出現一次空白。而下面介紹中的滾動則是連續的,毫不間斷。我們看看是如何逐步實現的。
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; } }