南强小屋 Design By 杰米
本文实例讲述了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程序设计有所帮助。
南强小屋 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
南强小屋 Design By 杰米
暂无js实现Select列表内容自动滚动效果代码的评论...
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。