Introduction to how JavaScript implements automatic scrolling of Select list content-JS Tutorial-php.cn

Introduction to how JavaScript implements automatic scrolling of Select list content

巴扎黑

Release： 2017-09-08 11:26:51

Original

2336 people have browsed it

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

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

运行效果截图如下：

在线演示地址如下：

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

具体代码如下：

&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>

Copy after login

The above is the detailed content of Introduction to how JavaScript implements automatic scrolling of Select list content. For more information, please follow other related articles on the PHP Chinese website!