js實現Select列表內容自動滾動效果代碼
編輯：關於JavaScript
本文實例講述了js實現Select列表內容自動滾動效果。分享給大家供大家參考。具體如下：
這裡演示的Select列表內容自動滾動效果，文字可自動滾屏，當網頁加載完畢後，Select中的內容會一個接一個向上滾動，當然，滾動的參數和速度是可以調節的。或許你會用得上。
運行效果截圖如下：
在線演示地址如下：
http://demo.jb51.net/js/2015/js-select-font-scroll-codes/
具體代碼如下：
<html>
<head>
<title>文字自動滾屏</title>
</head>
<body onLoad="screenscroll();">
<SCRIPT LANGUAGE="JavaScript">
function screenscroll(){
var optlist = document.form1.Text1;
optlist[0] = null;
optlist.selectedIndex = 0;
setTimeout("screenscroll()",2000);
}
</script>
<form name="form1">
<select name="Text1" size=8>
<option>
<option>世界名著及作者
<option>烏托邦 作者：莫 爾
<option>威尼斯商人 作者：莎士比亞
<option>簡.愛 作者：夏綠蒂.勃朗特
<option>唐璜 作者：拜 倫
<option>呼嘯山莊 作者：艾米莉.勃朗特
<option>魯賓遜飄流記 作者：笛 福
<option>名利場 作者：薩克雷
<option>傲慢與偏見 作者：簡.奧斯丁
<option>雙城記 作者：查爾斯.狄更斯
<option>戀愛中的女人 作者：D.H.勞倫斯
<option>新工具 作者：培 根
<option>政府論 作者：洛 克
<option>尤裡西斯 作者：詹姆斯.喬伊斯
<option>赫克爾貝裡.芬歷險記 作者：馬克.吐溫
<option>老人與海 作者：海明威
<option>飄 作者：瑪格麗特.米切爾
<option>嘉莉妹妹 作者：德萊塞
<option>小婦人 作者：路易莎.梅.奧爾科特
<option>悲慘世界 作者：雨果
<option>約翰.克裡斯朵夫 作者：羅曼.羅蘭
<option>幻滅 作者：巴爾扎克
<option>歐葉妮.格朗台 作者：巴爾扎克
<option>貝姨 作者：巴爾扎克
<option>邦斯舅舅 作者：巴爾扎克
<option>格蘭特船長的兒女 作者：儒勒.凡爾納
<option>漂亮朋友 作者：莫泊桑
<option>娜娜 作者：左 拉
<option>包法利夫人 作者：福樓拜
<option>基督山伯爵 作者：大仲馬
<option>茶花女 作者：小仲馬
<option>巴黎聖母院 作者：雨 果
<option>紅與黑 作者：司湯達
<option>拿破侖法典 作者： 拿破侖
<option>人是機器 作者：拉美特裡
<option>社會契約論 作者：盧 梭
<option>浮士德 作者：歌 德
<option>少年維特的煩惱 作者：歌 德
<option>希臘神話故事 作者：施瓦布
<option>戰爭論 作者：克勞塞維茨
<option>忏悔錄 作者：奧古斯丁
<option>父與子 作者：屠格涅夫
<option>罪與罰 作者：陀思妥耶夫斯基
<option>安娜.卡列寧娜 作者：列夫.托爾斯泰
<option>復活 作者：列夫.托爾斯泰
<option>上尉的女兒 作者：普希金
<option>死魂靈 作者：果戈理
<option>童年 作者：高爾基
<option>我的大學 作者：高爾基
<option>鋼鐵是怎樣煉成的 作者：尼.奧斯特洛夫斯基
<option>白癡 作者：陀思妥耶夫斯基
<option>伊索寓言 作者：伊索.拉封丹
<option>理想國 作者：柏拉圖
<option>政治學 作者：亞裡士多德
<option>安徒生童話 作者：安徒生
<option>牛虻 作者：伏尼契
<option>堂.吉诃德 作者：塞萬提斯
<option>漢穆拉比法典 作者：漢穆拉比
<option>論神 作者：斯賓諾莎
<option>癞皮鹦鹉 作者：利薩爾迪
<option>太陽城 作者：康帕內拉
<option>性愛與文明 作者：弗洛伊德
<option>苔絲 作者：哈代
<option>拉摩的侄兒 作者：狄德羅
<option>理智與情感 作者：奧斯汀
<option>權力意志 作者：尼采
<option>苦悶的象征 作者：廚川白村
<option>夢的解析 作者：弗各伊德
<option>資本論 作者：馬克思
<option>先知 作者：紀伯倫
<option>俄羅斯的童話 作者：高爾基
<option>桃色的雲 作者：愛羅先轲
<option>水晶瓶塞 作者：莫裡斯.勒布朗
<option>鄉村醫生 作者：巴爾扎克
<option>高龍巴 作者：梅裡美
<option>黃室奇案 作者：嘉斯東.勒魯
<option>克菜采奏鳴曲 作者：列.托爾斯泰
<option>陰謀與愛情 作者：席勒
<option>快樂王子 作者：王爾德
<option>變形記 作者：卡夫卡
<option>羊脂球 作者：莫泊桑
<option>魔沼 作者：喬治.桑
<option>死魂靈 作者：果戈裡
<option>希臘棺材之謎 作者：奎恩
<option>母親 作者：高爾基
<option>被背叛的遺囑 作者：米蘭.昆德拉
<option>毀滅 作者：法捷耶夫
<option>絞刑架下的報告 作者：伏契克
<option>貴族之家 作者：屠格涅夫
<option>冷血醫生 作者：瑪麗.希金斯.克拉克
<option>十日談 作者：薄伽丘
<option>女富翁的遺產 作者：高木彬光
<option>綠野仙蹤 作者：萊曼.弗蘭.鮑姆
<option>法國中尉的女人 作者：約翰.福爾斯
<option>湯姆.索亞歷險記 作者：馬克.吐溫
<option>馬可.波羅游記 作者：馬可.波羅
<option>卡門 作者：梅裡美
<option>.美麗與悲哀 作者：川端康成
<option>野性的呼喚 作者：傑克.倫敦
<option>吉卜賽姑娘 作者：塞萬提斯
<option>淺灘迷船 作者：裡縸
</select>
</form>
</body>
</html>
希望本文所述對大家的javascript程序設計有所幫助。
小編推薦
熱門推薦