スクロールテキストを作成する

私はjavascriptのアイデアはありませんが、私はスクロールテキストを作りたいと思います。すべてのリンクがマーキーを嫌うので、私は答えを探して、プラグインを私のヘッダーにコピーすることができました。しかし、それは動作しません、なぜ私は知らない。ファイルがPHPに保存されているか、間違って使われている可能性がありますか？助けてください、見てください。スクロールテキストを作成する

<body> 
<div id="outer"> 
<div id="page"> 
<div id="header"> 
<script type="text/javascript" src="jquery-1.x.js"></script> 
<script type="text/javascript" src="jscroller-0.4.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 

    // Add Scroller Object 
    $jScroller.add("#scroller_container","#scroller","left",1); 

    // Start Autoscroller 
    $jScroller.start(); 
}); 
</script> 

<div id="scroller_container"> 
<div id="scroller"> 
    <span style="float:left;">Register now and start placing your order</span> 
</div> 
</div> 
<div id="hlogo"> 
<span style="float:right;margin:2px 2px 0 0;"><img src="img/relogo2.jpg" class="logoImage" width="96" height="96"/></span> 
</div> 
<span style="font-size:small;text-shadow: 10px 10px 1px grey;"><h1>Reacheasy<span style="font-size:small;"><?php echo $_SESSION['username'];?></span></h1></span> 
<ul id="nav"> 
    <li class="current"><a href="index.php">Home</a></li> 
    <li><a href="women.php">Women</a></li> 
    <li><a href="men.php">Men</a></li> 
    <li><a href="children.php">Children</a></li> 
    <li><a href="homeandappliances.php">Home&amp;Appliances</a></li> 
    <li><a href="visionandsound.php">Vision&amp;Sounds</a></li> 
     <!--<li><a href="motoring.php">Motoring</a></li>--> 
     <li><a href="homemore.php">More</a></li> 
     <li><a href="howto.php">Help(How to?)</a></li> 
    </ul> 
</div> <!--end of navigation div --> 
</div> 
<div id="navigation"> 

<?php 
if($_SESSION['username']) 
{ ?> 
<ul id="navigationlb"> 
<li><a href='howto.php'>Help(How to?)</a></li> 
<li><a href='notification.php'>Consignment notification</a></li> 
<li><a href='youraccount.php'>Order Placement</a></li> 
<li><a href='relogout.php'>Log out</a></li> 
</ul> 
<?php }else{ 
?> 
    <div> 
<form action='relogin.php' method='post' class='rl'> 
<fieldset> 
<legend>Login</legend> 
    <div> 
    <label for='username' class='fixedwidth'>Username</label> 
    <input type='text' name='username' id='username'/> 
    </div> 

    <div> 
    <label for='password' class='fixedwidth'>Password</label> 
    <input type='password' name='password' id='password'/> 
    </div> 
<div class='buttonarea'> 
    <input type='submit' value='Log in'/> 
    </div> 
<p> 
<a href='reregister.php'>Register </a> 
</p> 
</fieldset> 
</form> 
</div> 
<?php 
} 
?

と私はあなたが私が見つけたこの事試みる場合があります

/* Scroller Box */ 
#scroller_container { 
position: relative; 
width: 300px; 
height: 60px; 
overflow: hidden; 
} 

#scroller { 
white-space: nowrap; 
line-height: 60px; 
font-size: 60px; 
} 

#scroller p { 
padding: 0; 
} 
/* Scoller Box */

出典

2012-04-11 lostty84

スクロールテキストを使用しないでください。人々はマーケティングに対して、代わりの方法を好まず、スクロールテキストを持たないことを推奨します。 – Ing

あなたのjQueryインクルード用の 'jquery-1.x.js'があります。それは間違いですか？ – Ing

@Ing ok、私は静的バナーデザインを考えます – lostty84

を追加JavaScriptに関連するCSS：

<script type="text/javascript"> 

step=1 
timerDown="" 

onload=function scrollDivDown(){ 
el=document.getElementById("scroll") 
clearTimeout(timerDown) 
el.scrollTop+=step 
timerDown=setTimeout("scrollDivDown()",10) 

if(el.scrollTop>=el.scrollHeight-el.offsetHeight){ 
el.scrollTop=0 
} 

} 

</script> 


<DIV id="scroll" style="width:250px; height:550px; overflow:hidden"> 


</DIV>

を

この

には、ファイルのヘッダーです

それはかなり簡単です。「スクロール」を

el=document.getElementById("scroll");

から、スクロールしたい要素のIDに置き換えます。

出典

2012-04-11 11:24:15

スクロールテキストを作成する

答えて

関連する問題