マーキーでテキスト方向を rtl (右から左) に変更する際に問題があります。コードは次のとおりです。
<marquee direction="left" behavior="alternate" scrollamount="1" class="qus" dir="rtl">some text علي</marquee>
動きませんが、取り外すdir="rtl"
と正常に動作します。. . しかし、私はが必要dir="rtl"
です。
http://www.w3.org/html/wg/drafts/html/master/rendering.html#the-marquee-elementによると
direction 属性は、テキストの方向とは関係なく、アニメーションのみを扱います。
http://jsfiddle.net/austinpray/pzDfV/
<marquee direction="right" behavior="alternate" scrollamount="1" class="qus">some text علي</marquee>
それはうまくいきます。
マーキーはとても悪いです。私はそれらを使用することをまったく再考します。
マーキーには属性「dir」がありません。方向「rtl」または方向右を使用でき、マーキーの代わりに使用できますliScroll
マッキーを使わないで!これは非推奨の要素です...絶対に使用する必要がある場合は、CSS で使用してください。
CSS
body {font:12px arial、helvetica、sans-serif;} .marquee { width:130px; 高さ:40px; パディング:1px; 背景色: 赤; 境界線: 1 ピクセルの黒一色。空白: nowrap; オーバーフロー: 非表示;
オーバーフロー-x:-webkit-マーキー; -webkit-marquee-direction: 後方; -webkit-marquee-style: スクロール; -webkit-marquee-speed: 高速; -webkit-marquee-increment: 小; -webkit-marquee-repetition: 無限;
オーバーフロー x: マーキー ライン; マーキー方向: 前方; マーキー スタイル: スクロールします。マーキー速度: 高速; マーキープレイカウント: 無限; }
HTML
<div class="marquee">
<p>some text علي</p>
</div>
切り替え方向
CSS で前方と後方を交換するだけです。 JSfiddle の例
代わりに、rtl を div に入れます。
<marquee direction="left" behavior="alternate" scrollamount="1" class="qus" ><div style="direction:rtl;">some text علي</div></marquee>