JS、CSSテキスト切り替え、タイミング変更、コードストリームライン化_テキスト特殊効果

通常の CSS リストを作成するのと同じように考えることができ、2 ～ 3 行のコードを追加するだけで切り替え効果が完成します。

<title>テキストタイミング変更コード</title> <style type="text/css"> #newslist{ background:#f8f8f8;border:1px solid silver;padding:1px;height:20px;line-height:20px;width:288px; } #contain{ font-size:12px;overflow:hidden;list-style:none;width:288px;height:20px;margin:0px;padding:0; } #contain li{ height:22px;line-height:22px;white-space:nowrap;overflow:hidden; } </style> <div id="newslist"> <ul id="contain"> <li><a href="http://www.baidu.com">百度、世界最大の中国語検索エンジン</a></li> <li><a href="http://www.csdn.net">CSDN、中国で最も人気のある IT テクノロジー コミュニティ</a></li> <li><a href="http://www.jb51.net">スクリプト ハウス</a></li> <li><a href="http://play.jb51.net">プレイヤー</a></li> </ul> </div>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、

を実行するために更新する必要があります]