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

ホームページ

ウェブフロントエンド

jsチュートリアル

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

巴扎黑

Sep 08, 2017 am 11:26 AM

javascriptjsselect

本文实例讲述了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 が選択リストのコンテンツの自動スクロールを実装する方法の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

JavaScriptとWeb：コア機能とユースケースApr 18, 2025 am 12:19 AM

Web開発におけるJavaScriptの主な用途には、クライアントの相互作用、フォーム検証、非同期通信が含まれます。 1）DOM操作による動的なコンテンツの更新とユーザーインタラクション。 2）ユーザーエクスペリエンスを改善するためにデータを提出する前に、クライアントの検証が実行されます。 3）サーバーとのリフレッシュレス通信は、AJAXテクノロジーを通じて達成されます。

JavaScriptエンジンの理解：実装の詳細Apr 17, 2025 am 12:05 AM

JavaScriptエンジンが内部的にどのように機能するかを理解することは、開発者にとってより効率的なコードの作成とパフォーマンスのボトルネックと最適化戦略の理解に役立つためです。 1）エンジンのワークフローには、3つの段階が含まれます。解析、コンパイル、実行。 2）実行プロセス中、エンジンはインラインキャッシュや非表示クラスなどの動的最適化を実行します。 3）ベストプラクティスには、グローバル変数の避け、ループの最適化、constとletsの使用、閉鎖の過度の使用の回避が含まれます。

Python vs. JavaScript：学習曲線と使いやすさApr 16, 2025 am 12:12 AM

Pythonは、スムーズな学習曲線と簡潔な構文を備えた初心者により適しています。 JavaScriptは、急な学習曲線と柔軟な構文を備えたフロントエンド開発に適しています。 1。Python構文は直感的で、データサイエンスやバックエンド開発に適しています。 2。JavaScriptは柔軟で、フロントエンドおよびサーバー側のプログラミングで広く使用されています。

Python vs. JavaScript：コミュニティ、ライブラリ、リソースApr 15, 2025 am 12:16 AM

PythonとJavaScriptには、コミュニティ、ライブラリ、リソースの観点から、独自の利点と短所があります。 1）Pythonコミュニティはフレンドリーで初心者に適していますが、フロントエンドの開発リソースはJavaScriptほど豊富ではありません。 2）Pythonはデータサイエンスおよび機械学習ライブラリで強力ですが、JavaScriptはフロントエンド開発ライブラリとフレームワークで優れています。 3）どちらも豊富な学習リソースを持っていますが、Pythonは公式文書から始めるのに適していますが、JavaScriptはMDNWebDocsにより優れています。選択は、プロジェクトのニーズと個人的な関心に基づいている必要があります。

C/CからJavaScriptへ：すべてがどのように機能するかApr 14, 2025 am 12:05 AM

C/CからJavaScriptへのシフトには、動的なタイピング、ゴミ収集、非同期プログラミングへの適応が必要です。 1）C/Cは、手動メモリ管理を必要とする静的に型付けられた言語であり、JavaScriptは動的に型付けされ、ごみ収集が自動的に処理されます。 2）C/Cはマシンコードにコンパイルする必要がありますが、JavaScriptは解釈言語です。 3）JavaScriptは、閉鎖、プロトタイプチェーン、約束などの概念を導入します。これにより、柔軟性と非同期プログラミング機能が向上します。

JavaScriptエンジン：実装の比較Apr 13, 2025 am 12:05 AM

さまざまなJavaScriptエンジンは、各エンジンの実装原則と最適化戦略が異なるため、JavaScriptコードを解析および実行するときに異なる効果をもたらします。 1。語彙分析：ソースコードを語彙ユニットに変換します。 2。文法分析：抽象的な構文ツリーを生成します。 3。最適化とコンパイル：JITコンパイラを介してマシンコードを生成します。 4。実行：マシンコードを実行します。 V8エンジンはインスタントコンピレーションと非表示クラスを通じて最適化され、Spidermonkeyはタイプ推論システムを使用して、同じコードで異なるパフォーマンスパフォーマンスをもたらします。

ブラウザを超えて：現実世界のJavaScriptApr 12, 2025 am 12:06 AM

現実世界におけるJavaScriptのアプリケーションには、サーバー側のプログラミング、モバイルアプリケーション開発、モノのインターネット制御が含まれます。 2。モバイルアプリケーションの開発は、ReactNativeを通じて実行され、クロスプラットフォームの展開をサポートします。 3.ハードウェアの相互作用に適したJohnny-Fiveライブラリを介したIoTデバイス制御に使用されます。

next.jsを使用してマルチテナントSaaSアプリケーションを構築する（バックエンド統合）Apr 11, 2025 am 08:23 AM

私はあなたの日常的な技術ツールを使用して機能的なマルチテナントSaaSアプリケーション（EDTECHアプリ）を作成しましたが、あなたは同じことをすることができます。まず、マルチテナントSaaSアプリケーションとは何ですか？マルチテナントSaaSアプリケーションを使用すると、Singの複数の顧客にサービスを提供できます

See all articles