Home › Technology › jQuery

Improved Scrolling Text with JQuery

Sat, 08/25/2007 - 01:00 — nwood
Click here to see it work.
Lonnie Smith, Idris Muhammad, Ronnie Cuber, Stanley Turrentine
This comes closer to working in IE 7. Still works better in FireFox I think part of the IE problem has to do with the way I've added this code to the drupal page. It works better in a stand alone file in IE. The Code: 

<html>
<head>

<style type="text/css">a.test { font-weight: bold; }
</style

<!-- script type="text/javascript" src="jquery-1.1.3.1.js"></script --\
>
<script type="text/javascript" src="jquery-1.1.4.js"></script>

<script type="text/javascript">


function onEnd() {

//  $("#ptext").attr({ style: "background:lightblue"})
  //   .text( "text2 style  = " + $("#text2").attr("style") );
//    .text( "text2 left  = " + $("#text2").attr("left") );

  $("#text2").attr({style: "position: relative; top: 0pt; left: 300pt;"});

  $("#ptext").attr({ style: "background:lightblue"})
     .text( "text2 style  = " + $("#text2").attr("style") );

  $("#text2").animate(
    {left: ($("#text2").width() - $("#text2").parent().width() - $("#text2").pa\
rent().width())},
    6000
  );

}


$(document).ready(function() {


/*
  $("#text").animate(
    {top: ($("#text").height() - ($("#text").parent().height() * 2))},
    10000
  );
*/

  $("#ptext").text( "text2 style  = " + $("#text2").attr("style") );

  $("#text2").animate(
    {left: ($("#text2").width() - $("#text2").parent().width() - $("#text2").pa\
rent().width())},
    6000,'',onEnd
  );

});

</script>

</head>
<body>

<div id = "ptext">
</div>

<div id = "ptext0"
     style="
            width:300px;
            height:150px;
            overflow:hidden;">
  <div id="text" style="position:relative;
                        top:0;
                        left;0;">

  </div>
</div>

<div id = "ptext2"
     style="
            width:300px;
            height:150px;
            overflow:hidden;">
  <div id="text2" style="position:relative;
                        top:0;
                        left:0;">
  Lonnie Smith, Idris Muhammad, Ronnie Cuber, Stanley Turrentine
  </div>
</div>

</body>
</html>