js实现Select列表内容自动滚动效果代码


Posted in Javascript onAugust 20, 2015

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

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

运行效果截图如下:

js实现Select列表内容自动滚动效果代码

在线演示地址如下:

具体代码如下:

<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程序设计有所帮助。

Javascript 相关文章推荐
javascript 异常处理使用总结
Jun 21 Javascript
javascript innerHTML使用分析
Dec 03 Javascript
JavaScript中的getMilliseconds()方法使用详解
Jun 10 Javascript
js如何实现点击标签文字,文字在文本框出现
Aug 05 Javascript
基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)
Dec 29 Javascript
一道关于JavaScript变量作用域的面试题
Mar 08 Javascript
jQuery插件学习教程之SlidesJs轮播+Validation验证
Jul 12 Javascript
AngularJS解决ng界面长表达式(ui-set)的方法分析
Nov 07 Javascript
Bootstrap导航条学习使用(二)
Feb 08 Javascript
Vue基础学习之项目整合及优化
Jun 02 Javascript
js字符串类型String常用操作实例总结
Jul 05 Javascript
node-red File读取好保存实例讲解
Sep 11 Javascript
javascript如何操作HTML下拉列表标签
Aug 20 #Javascript
七夕情人节丘比特射箭小游戏
Aug 20 #Javascript
js脚本分页代码分享(7种样式)
Aug 19 #Javascript
贴近用户体验的Jquery日期、时间选择插件
Aug 19 #Javascript
JS文字球状放大效果代码分享
Aug 19 #Javascript
IE6兼容透明背景图片及解决方案
Aug 19 #Javascript
JavaScript实现表格快速变色效果代码
Aug 19 #Javascript
You might like
PHP高级对象构建 工厂模式的使用
2012/02/05 PHP
使用pthreads实现真正的PHP多线程(需PHP5.3以上版本)
2014/05/05 PHP
Laravel 4.2 中队列服务(queue)使用感受
2014/10/30 PHP
PHP之浮点数计算比较以及取整数不准确的解决办法
2015/07/29 PHP
jquery刷新页面的实现代码(局部及全页面刷新)
2011/07/11 Javascript
JQuery slideshow的一个小问题(如何发现及解决过程)
2013/02/06 Javascript
js open() 与showModalDialog()方法使用介绍
2013/09/10 Javascript
一个获取第n个元素节点的js函数
2014/09/02 Javascript
JavaScript使用Max函数返回两个数字中较大数的方法
2015/04/06 Javascript
20分钟轻松创建自己的Bootstrap站点
2016/05/12 Javascript
浅谈javascript:两种注释,声明变量,定义函数
2016/10/05 Javascript
Angularjs处理页面闪烁的解决方法
2017/03/09 Javascript
JS实现商品筛选功能
2020/08/19 Javascript
通过一次报错详细谈谈Point事件
2018/05/17 Javascript
highCharts提示框中显示当前时间的方法
2019/01/18 Javascript
更强大的vue ssr实现预取数据的方式
2019/07/19 Javascript
Vue内部渲染视图的方法
2019/09/02 Javascript
Angular8引入百度Echarts进行图表分析的实现代码
2019/11/27 Javascript
extjs图形绘制之饼图实现方法分析
2020/03/06 Javascript
JavaScript实现多文件下载方法解析
2020/08/07 Javascript
python通过cookie模拟已登录状态的初步研究
2016/11/09 Python
Python实现将MySQL数据库表中的数据导出生成csv格式文件的方法
2018/01/11 Python
基于Python的ModbusTCP客户端实现详解
2019/07/13 Python
python3 配置logging日志类的操作
2020/04/08 Python
Python OpenCV读取中文路径图像的方法
2020/07/02 Python
德国价格合理的品牌商品购物网站:averdo
2019/03/21 全球购物
乌克兰电子产品和家用电器购物网站:TOUCH
2019/08/09 全球购物
估算杭州有多少软件工程师
2015/08/11 面试题
商务日语毕业生自荐信
2013/11/23 职场文书
户外亲子活动策划方案
2014/02/07 职场文书
2014年两会学习心得范例
2014/03/17 职场文书
校园环保广播稿(3篇)
2014/09/15 职场文书
Ajax是什么?Ajax高级用法之Axios技术
2021/04/21 Javascript
NodeJs内存占用过高的排查实战记录
2021/05/10 NodeJs
Go语言实现Snowflake雪花算法
2021/06/08 Golang
Windows11插耳机没反应怎么办? win11耳机没声音的多种解决办法
2021/11/21 数码科技