스크롤 텍스트 만들기

제발, 자바 스크립트 모르겠지만 스크롤 텍스트를 만들고 싶습니다. 모든 링크는 선택 윤곽을 방해하므로 답변을 검색하고 플러그인을 내 머리글에 복사 할 수있었습니다. 그러나, 그것은 작동하지 않으며 나는 왜 모른다. 파일이 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

을 추가 자바 스크립트에 관련된 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

스크롤 텍스트 만들기

답변

관련 문제