Web コンテンツの水平または垂直スクロールを実装する JavaScript コード_JavaScript スキル

主要な部分は 2 つあり、1 つはスクロールするコンテンツ部分で、もう 1 つは 2 つの文だけからなる JS スクロール コード部分です。

1. 従来のローリングコード

<marquee scrollamount="2" loop="-1" scrolldelay="0" width="250"><div style="FILTER: glow(color=#FF0000,strength=4); COLOR: #ffffff; HEIGHT: 10px;WIDTH: 750px">JavaScriptを使用してニュースコンテンツの横スクロールを実現しましょう！ </div></marquee>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります ]

従来のスクロール コード アプリケーションの効果 比較的単純ですが、ブラウザの互換性の問題がよくあります。たとえば、FIREFOX では、マーキーの特殊効果が無効になります。

2. Javascript によって実装されたスクロール効果

<div style="width: 300px;overflow: hidden;" onmouseover="clearInterval(timer1);" onmouseout="go();"> <div style="position: relative;top: 0px;left: 0px;white-space: nowrap;color: #0000FF;" id="news"> <span id="headnew">JavaScriptを使用してニュースコンテンツの横スクロールを実装する1</span> </div> </div> //div タグの幅やその他のパラメータは自分で調整できます
[Ctrl A すべて選択 注:

外部 Js を導入する必要がある場合は、更新して実行する必要があります
]

上記は完全な JS スクロール コードです。垂直スクロールを実現したい場合は、簡単な変更を加えるだけで済みます。つまり、style の pixTop 属性を使用するだけです。 天源ブログより抜粋