Faire défiler le texte

S'il vous plaît, je n'ai aucune idée de javascript mais je veux faire un texte défilant. Tous les liens découragent le chapiteau, j'ai donc cherché une réponse et j'ai pu copier un plug-in dans mon en-tête. Cependant, cela ne fonctionne pas et je ne sais pas pourquoi. Serait-ce parce que le fichier est enregistré en PHP ou mal utilisé? S'il vous plaît aider, jetez un coup d'oeil.Faire défiler le texte

C'est l'en-tête dans un fichier include:

<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 
} 
?

et le css en rapport avec le javascript i ajouté

/* 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 */

Source

2012-04-11 lostty84

Les gens recommandent contre la marque pas en faveur d'une alternative, mais en faveur de ne pas avoir de texte défilant. – Ing

Vous avez 'jquery-1.x.js' pour votre jQuery inclure, doute que c'est correct – Ing

@Ing ok, je vais penser à une conception de bannière statique – lostty84

Vous pouvez essayer cette chose que je trouve:

<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>

C'est assez simple. Remplacer le "défilement" de

el=document.getElementById("scroll");

avec l'ID de l'élément que vous souhaitez faire défiler. Ne pas utiliser de texte défilant serait ma première recommandation.

Source

2012-04-11 11:24:15

Faire défiler le texte

Répondre

Questions connexes