2016-08-03 13 views
0

は私がティッカー以下の持っている: 基本的なhtmlでティッカーへの参照を設定するにはどうすればいいですか?

<!-- 
<marquee direction="left" behavior="scroll" scrollamount="1"  scrolldelay="1" style="color:#000000;font-size:16px;font-family:Arial;" > 

myreference 

</marquee> 
<!-- 

は今、私は このティッカー変数(文字列)と(私のティッカーのテキストである) myreferenceを変更したいと思います。どうやってやるの?そのこのタグに依存することは推奨されませんので

おかげ

答えて

0

はHTMLマーキータグではなく、あなたがこのような効果を作成するために、JavascriptとCSSを使用することができ、様々なブラウザでサポートされない場合があります。

私はそれがあなたを助けることを願っています!

CSS

.marquee { 
    height: 25px; 
    width: 420px; 
    overflow: hidden; 
    position: relative; 
} 

.marquee div { 
    display: block; 
    width: 200%; 
    height: 30px; 
    position: absolute; 
    overflow: hidden; 
    animation: marquee 5s linear infinite; 
} 

.marquee span { 
    float: left; 
    width: 50%; 
} 

@keyframes marquee { 
    0% { left: 0; } 
    100% { left: -100%; } 
} 

HTML

<div class="marquee"> 
    <div> 
     <span>Your marquee here</span> 
    </div> 
</div> 
+0

とどのようにそれはJavascriptを使用している場合のように見えるのでしょうか? – Norick

+0

こんにちは@norick、ここに例があります:https://codepen.io/jamesbarnett/pen/kfmKa –

関連する問題