JavaScript が選択リストのコンテンツの自動スクロールを実装する方法の概要-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

JavaScript が選択リストのコンテンツの自動スクロールを実装する方法の概要

巴扎黑

Sep 08, 2017 am 11:26 AM

javascript js select

本文实例讲述了js实现Select列表内容自动滚动效果。分享给大家供大家参考。具体如下：

这里演示的Select列表内容自动滚动效果，文字可自动滚屏，当网页加载完毕后，Select中的内容会一个接一个向上滚动，当然，滚动的参数和速度是可以调节的。或许你会用得上。

运行效果截图如下：

在线演示地址如下：

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

具体代码如下：

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

&lt;html>
&lt;head>
&lt;title>文字自动滚屏&lt;/title>
&lt;/head>
&lt;body onLoad="screenscroll();">
&lt;SCRIPT LANGUAGE="JavaScript">
function screenscroll(){
 var optlist = document.form1.Text1;
 optlist[0] = null;
 optlist.selectedIndex = 0;
 setTimeout("screenscroll()",2000);
}
&lt;/script>
&lt;form name="form1">
&lt;select name="Text1" size=8>
&lt;option>
&lt;option>世界名著及作者
&lt;option>乌托邦 作者：莫 尔
&lt;option>威尼斯商人 作者：莎士比亚
&lt;option>简.爱 作者：夏绿蒂.勃朗特
&lt;option>唐璜 作者：拜 伦
&lt;option>呼啸山庄 作者：艾米莉.勃朗特
&lt;option>鲁宾逊飘流记 作者：笛 福
&lt;option>名利场 作者：萨克雷
&lt;option>傲慢与偏见 作者：简.奥斯丁
&lt;option>双城记 作者：查尔斯.狄更斯
&lt;option>恋爱中的女人 作者：D.H.劳伦斯
&lt;option>新工具 作者：培 根
&lt;option>政府论 作者：洛 克
&lt;option>尤里西斯 作者：詹姆斯.乔伊斯
&lt;option>赫克尔贝里.芬历险记 作者：马克.吐温
&lt;option>老人与海 作者：海明威
&lt;option>飘 作者：玛格丽特.米切尔
&lt;option>嘉莉妹妹 作者：德莱塞
&lt;option>小妇人 作者：路易莎.梅.奥尔科特
&lt;option>悲惨世界 作者：雨果
&lt;option>约翰.克里斯朵夫 作者：罗曼.罗兰
&lt;option>幻灭 作者：巴尔扎克
&lt;option>欧叶妮.格朗台 作者：巴尔扎克
&lt;option>贝姨 作者：巴尔扎克
&lt;option>邦斯舅舅 作者：巴尔扎克
&lt;option>格兰特船长的儿女 作者：儒勒.凡尔纳
&lt;option>漂亮朋友 作者：莫泊桑
&lt;option>娜娜 作者：左 拉
&lt;option>包法利夫人 作者：福楼拜
&lt;option>基督山伯爵 作者：大仲马
&lt;option>茶花女 作者：小仲马
&lt;option>巴黎圣母院 作者：雨 果
&lt;option>红与黑 作者：司汤达
&lt;option>拿破仑法典 作者： 拿破仑
&lt;option>人是机器 作者：拉美特里
&lt;option>社会契约论 作者：卢 梭
&lt;option>浮士德 作者：歌 德
&lt;option>少年维特的烦恼 作者：歌 德
&lt;option>希腊神话故事 作者：施瓦布
&lt;option>战争论 作者：克劳塞维茨
&lt;option>忏悔录 作者：奥古斯丁
&lt;option>父与子 作者：屠格涅夫
&lt;option>罪与罚 作者：陀思妥耶夫斯基
&lt;option>安娜.卡列宁娜 作者：列夫.托尔斯泰
&lt;option>复活 作者：列夫.托尔斯泰
&lt;option>上尉的女儿 作者：普希金
&lt;option>死魂灵 作者：果戈理
&lt;option>童年 作者：高尔基
&lt;option>我的大学 作者：高尔基
&lt;option>钢铁是怎样炼成的 作者：尼.奥斯特洛夫斯基
&lt;option>白痴 作者：陀思妥耶夫斯基
&lt;option>伊索寓言 作者：伊索.拉封丹
&lt;option>理想国 作者：柏拉图
&lt;option>政治学 作者：亚里士多德
&lt;option>安徒生童话 作者：安徒生
&lt;option>牛虻 作者：伏尼契
&lt;option>堂.吉诃德 作者：塞万提斯
&lt;option>汉穆拉比法典 作者：汉穆拉比
&lt;option>论神 作者：斯宾诺莎
&lt;option>癞皮鹦鹉 作者：利萨尔迪
&lt;option>* 作者：康帕内拉
&lt;option>性爱与文明 作者：弗洛伊德
&lt;option>苔丝 作者：哈代
&lt;option>拉摩的侄儿 作者：狄德罗
&lt;option>理智与情感 作者：奥斯汀
&lt;option>权力意志 作者：尼采
&lt;option>苦闷的象征 作者：厨川白村
&lt;option>梦的解析 作者：弗各伊德
&lt;option>资本论 作者：马克思
&lt;option>先知 作者：纪伯伦
&lt;option>俄罗斯的童话 作者：高尔基
&lt;option>桃色的云 作者：爱罗先轲
&lt;option>水晶瓶塞 作者：莫里斯.勒布朗
&lt;option>乡村医生 作者：巴尔扎克
&lt;option>高龙巴 作者：梅里美
&lt;option>黄室奇案 作者：嘉斯东.勒鲁
&lt;option>克菜采奏鸣曲 作者：列.托尔斯泰
&lt;option>阴谋与爱情 作者：席勒
&lt;option>快乐王子 作者：王尔德
&lt;option>变形记 作者：卡夫卡
&lt;option>羊脂球 作者：莫泊桑
&lt;option>魔沼 作者：乔治.桑
&lt;option>死魂灵 作者：果戈里
&lt;option>希腊棺材之谜 作者：奎恩
&lt;option>母亲 作者：高尔基
&lt;option>被背叛的遗嘱 作者：米兰.昆德拉
&lt;option>毁灭 作者：法捷耶夫
&lt;option>绞刑架下的报告 作者：伏契克
&lt;option>贵族之家 作者：屠格涅夫
&lt;option>冷血医生 作者：玛丽.希金斯.克拉克
&lt;option>十日谈 作者：薄伽丘
&lt;option>女富翁的遗产 作者：高木彬光
&lt;option>绿野仙踪 作者：莱曼.弗兰.鲍姆
&lt;option>法国中尉的女人 作者：约翰.福尔斯
&lt;option>汤姆.索亚历险记 作者：马克.吐温
&lt;option>马可.波罗游记 作者：马可.波罗
&lt;option>卡门 作者：梅里美
&lt;option>.美丽与悲哀 作者：川端康成
&lt;option>野性的呼唤 作者：杰克.伦敦
&lt;option>吉卜赛姑娘 作者：塞万提斯
&lt;option>浅滩迷船 作者：里縸
&lt;/select>
&lt;/form>
&lt;/body>
&lt;/html>