11

私は<marquee>タグが悪であることを知っています。
テキストをスクロールするのが非常に悪い場合は、JSを使用して同じ効果を得るだけでは、それ以上の効果はありません。

そして、私がスクロールテキスト（gasp）を使用することに決めたとすると、技術的に正しい（つまり非推奨ではない）これを行うためのCSS（3？）またはHTML（5？）のタイプの方法はありますか？

CSS / HTMLソリューションがない場合は、次を使用する必要があります。

  • Javascriptはダウンロードが重く、オフになっている可能性があります（これは賛否両論ですか？）が、W3Cが正しく有効であり、非推奨ではなくスマートであるというボーナスがあります。

または私は使用する必要があります

  • 嫌われている<marquee>（<blink> <blink>）タグは、軽量（19バイト！）で、すべてのレンダリングモードとすべてのDoctype（そうではないはずですが）のすべてのブラウザーで完全にサポートされていますが、非推奨ですか？

ありがとう。

PSニュースティッカーはマーキースタイルのPPSの有効な使用法だと思います
重いJavascriptソリューションが必要ない場合は、軽量であるためJQueryを使用する必要があると誰かに言われたら、コメントでそれらを撮影します

編集：私はJQueryタグを追加しています。これは、JSの質問について多くの専門家から注目を集めるための最良の方法のようであり、ここではまったく関係がないわけではありません。

悪い効果ではありません。マーキー、ブリンク、フォントタグの問題は、コンテンツの構造ではなくプレゼンテーションを伝えることです。

4

6 に答える 6

6

悪いのは効果ではありません。marquee、blink、および font タグの問題は、コンテンツの構造ではなくプレゼンテーションを伝えることです。

于 2010-12-12T19:58:56.953 に答える
5

CSS3はマーキーをサポートしていますが、サポートされているのは少数のブラウザーのみです（私の知る限り、SafariとChromeが唯一のブラウザーです）。

http://www.w3.org/TR/css3-marquee/

それを実現するJQueryプラグインはいくつかありますが、JQueryの読み込みが犠牲になります（26Kb、HTMLのみのソリューションよりも重いですが、私が重いと呼ぶものではありません）

http://plugins.jquery.com/plugin-tags/marquee

もちろん、JQueryがなくても自分で簡単に行うことができますが、これらのプラグインを見るとアイデアが得られる場合があります。

考慮すべきもう1つのオプションは、小さなFlashアニメーションを実行することです。

于 2010-12-12T20:04:08.623 に答える
0

最近、私はクライアントのためにこの効果をしなければなりませんでした、そして私は非常に使いやすいこのプラグインを使用しました：

githubのjQueryMarqueeプラグイン

plugins.jquery.comのjQueryマーキー

于 2013-02-12T16:27:26.827 に答える
0

目的のすべてのプラットフォームで機能することが確実であり、w3cが何を言っているかを気にしない場合は、マーキータグを確実に使用できます。14バイト未満で動作するJavaScriptソリューションを見つける方法はありません。

唯一の不幸なことは、これらすべてのブラウザがこれらの非推奨の要素をすべてサポートしている理由です。この場合、HTML標準の一部でもありません。これらすべての人々がこれらの要素を使用し、新しいバージョンがサポートされていないときに泣き言を言うからです。 1982に準拠したWebサイトをサポートします。

ですから、うまくいく限りマーキーを使用してください。ただし、新しいブラウザでサイトが機能しなくなっても文句を言わないでください。

于 2010-12-12T20:00:05.487 に答える
0

これがFirefoxのmarquee要素を実装するコードです。基本的にJavaScriptで実行しているので、いつでもそのコードを適応させて、すべてのブラウザーで直接使用できます。

コードをハッキングして、Firefoxの任意の要素にマーキーを実装し、CSSおよびXBLバインディングを介して適用できるようにすることができます（Firefoxのみの例）。IEでの同等の動作は動作であり、nicoが提案したようにSafari / ChromeでCSS3を使用でき、マークアップからプレゼンテーションを除外しますが、努力する価値があるかどうかを知ることができるのはあなただけです。

于 2010-12-13T04:05:54.240 に答える
0

私は、最も効率的でクロスブラウザでサポートされているマーキーの実装を探していました。何らかの理由で、WebkitCSSマーキーの実装でさえ問題があります。

一般的なアプローチは、タイマー（またはjQueryアニメーション実装）を使用して要素のCSSマージンプロパティを調整することです。これはグリッチが多すぎて非常に非効率的です。CSS3トランジションをサポートするブラウザーにCSS3トランジションを利用する実装を思いついたのですが、それ以外の場合scrollLeftは、包含要素のプロパティをアニメーション化します。これは実験的な実装ですが、IE7+ではうまく機能します。他の人もそれが役に立つと思うかもしれません、https：//github.com/gajus/marquee（デモhttps://dev.anuary.com/60244f3a-b8b2-5678-bce5-f7e8742f0c69/）。

于 2013-01-11T19:56:35.143 に答える