快捷導(dǎo)航

js實(shí)現(xiàn)Select列表內(nèi)容自動(dòng)滾動(dòng)效果代碼

更新時(shí)間：2015年08月20日 09:22:28 作者：佚名

這篇文章主要介紹了js實(shí)現(xiàn)Select列表內(nèi)容自動(dòng)滾動(dòng)效果的方法,涉及javascript簡(jiǎn)單遞歸調(diào)用遍歷select及時(shí)間函數(shù)的相關(guān)使用技巧,需要的朋友可以參考下

本文實(shí)例講述了js實(shí)現(xiàn)Select列表內(nèi)容自動(dòng)滾動(dòng)效果。分享給大家供大家參考。具體如下：

這里演示的Select列表內(nèi)容自動(dòng)滾動(dòng)效果，文字可自動(dòng)滾屏，當(dāng)網(wǎng)頁加載完畢后，Select中的內(nèi)容會(huì)一個(gè)接一個(gè)向上滾動(dòng)，當(dāng)然，滾動(dòng)的參數(shù)和速度是可以調(diào)節(jié)的?；蛟S你會(huì)用得上。

運(yùn)行效果截圖如下：

在線演示地址如下：

http://demo.jb51.net/js/2015/js-select-font-scroll-codes/

具體代碼如下：

<html>
<head>
<title>文字自動(dòng)滾屏</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>簡(jiǎn).愛 作者：夏綠蒂.勃朗特
<option>唐璜 作者：拜 倫
<option>呼嘯山莊 作者：艾米莉.勃朗特
<option>魯賓遜飄流記 作者：笛 福
<option>名利場(chǎng) 作者：薩克雷
<option>傲慢與偏見 作者：簡(jiǎn).奧斯丁
<option>雙城記 作者：查爾斯.狄更斯
<option>戀愛中的女人 作者：D.H.勞倫斯
<option>新工具 作者：培 根
<option>政府論 作者：洛 克
<option>尤里西斯 作者：詹姆斯.喬伊斯
<option>赫克爾貝里.芬歷險(xiǎn)記 作者：馬克.吐溫
<option>老人與海 作者：海明威
<option>飄 作者：瑪格麗特.米切爾
<option>嘉莉妹妹 作者：德萊塞
<option>小婦人 作者：路易莎.梅.奧爾科特
<option>悲慘世界 作者：雨果
<option>約翰.克里斯朵夫 作者：羅曼.羅蘭
<option>幻滅 作者：巴爾扎克
<option>歐葉妮.格朗臺(tái) 作者：巴爾扎克
<option>貝姨 作者：巴爾扎克
<option>邦斯舅舅 作者：巴爾扎克
<option>格蘭特船長(zhǎng)的兒女 作者：儒勒.凡爾納
<option>漂亮朋友 作者：莫泊桑
<option>娜娜 作者：左 拉
<option>包法利夫人 作者：福樓拜
<option>基督山伯爵 作者：大仲馬
<option>茶花女 作者：小仲馬
<option>巴黎圣母院 作者：雨 果
<option>紅與黑 作者：司湯達(dá)
<option>拿破侖法典 作者： 拿破侖
<option>人是機(jī)器 作者：拉美特里
<option>社會(huì)契約論 作者：盧 梭
<option>浮士德 作者：歌 德
<option>少年維特的煩惱 作者：歌 德
<option>希臘神話故事 作者：施瓦布
<option>戰(zhàn)爭(zhēng)論 作者：克勞塞維茨
<option>懺悔錄 作者：奧古斯丁
<option>父與子 作者：屠格涅夫
<option>罪與罰 作者：陀思妥耶夫斯基
<option>安娜.卡列寧娜 作者：列夫.托爾斯泰
<option>復(fù)活 作者：列夫.托爾斯泰
<option>上尉的女兒 作者：普希金
<option>死魂靈 作者：果戈理
<option>童年 作者：高爾基
<option>我的大學(xué) 作者：高爾基
<option>鋼鐵是怎樣煉成的 作者：尼.奧斯特洛夫斯基
<option>白癡 作者：陀思妥耶夫斯基
<option>伊索寓言 作者：伊索.拉封丹
<option>理想國 作者：柏拉圖
<option>政治學(xué) 作者：亞里士多德
<option>安徒生童話 作者：安徒生
<option>牛虻 作者：伏尼契
<option>堂.吉訶德 作者：塞萬提斯
<option>漢穆拉比法典 作者：漢穆拉比
<option>論神 作者：斯賓諾莎
<option>癩皮鸚鵡 作者：利薩爾迪
<option>太陽城 作者：康帕內(nèi)拉
<option>性愛與文明 作者：弗洛伊德
<option>苔絲 作者：哈代
<option>拉摩的侄兒 作者：狄德羅
<option>理智與情感 作者：奧斯汀
<option>權(quán)力意志 作者：尼采
<option>苦悶的象征 作者：廚川白村
<option>夢(mèng)的解析 作者：弗各伊德
<option>資本論 作者：馬克思
<option>先知 作者：紀(jì)伯倫
<option>俄羅斯的童話 作者：高爾基
<option>桃色的云 作者：愛羅先軻
<option>水晶瓶塞 作者：莫里斯.勒布朗
<option>鄉(xiāng)村醫(yī)生 作者：巴爾扎克
<option>高龍巴 作者：梅里美
<option>黃室奇案 作者：嘉斯東.勒魯
<option>克菜采奏鳴曲 作者：列.托爾斯泰
<option>陰謀與愛情 作者：席勒
<option>快樂王子 作者：王爾德
<option>變形記 作者：卡夫卡
<option>羊脂球 作者：莫泊桑
<option>魔沼 作者：?jiǎn)讨?桑
<option>死魂靈 作者：果戈里
<option>希臘棺材之謎 作者：奎恩
<option>母親 作者：高爾基
<option>被背叛的遺囑 作者：米蘭.昆德拉
<option>毀滅 作者：法捷耶夫
<option>絞刑架下的報(bào)告 作者：伏契克
<option>貴族之家 作者：屠格涅夫
<option>冷血醫(yī)生 作者：瑪麗.希金斯.克拉克
<option>十日談 作者：薄伽丘
<option>女富翁的遺產(chǎn) 作者：高木彬光
<option>綠野仙蹤 作者：萊曼.弗蘭.鮑姆
<option>法國中尉的女人 作者：約翰.福爾斯
<option>湯姆.索亞歷險(xiǎn)記 作者：馬克.吐溫
<option>馬可.波羅游記 作者：馬可.波羅
<option>卡門 作者：梅里美
<option>.美麗與悲哀 作者：川端康成
<option>野性的呼喚 作者：杰克.倫敦
<option>吉卜賽姑娘 作者：塞萬提斯
<option>淺灘迷船 作者：里縸
</select>
</form>
</body>
</html>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: