Link to home
Start Free TrialLog in
Avatar of catonthecouchproductions
catonthecouchproductionsFlag for United States of America

asked on

Smooth scrolling - horizontally

This is driving me nuts, I have tried google to find some horizontal scrolling scripts aka smooth scrolling like:
http://www.kryogenix.org/code/browser/smoothscroll/

But make it horizontal for my page i am working on:

http://www.flanels.com/?p=logos

I am usiing anchors right now:

<ul class="list_name">
                        <li><a href="?p=logos#dontbail">Don't Bail</a></li>
                        <li><a href="?p=logos#sifted">Sifted Records</a></li>
                        <li><a href="?p=logos#skithevalley">Ski The Valley</a></li>
                        <li><a href="?p=logos#dw">DW - GET FROM SEAN</a></li>
                        <li><a href="?p=logos#simple">Simple</a></li>
                        <li><a href="?p=logos#eurospa">Eurospa</a></li>
                        <li><a href="?p=logos#aldrighetti">Aldrighetti Logging</a></li>
                        <li><a href="?p=logos#monkeyhouse">Monkey House</a></li>
                        <li><a href="?p=logos#surgery">Orthopedic Surgery Center</a></li>
                        <li><a href="?p=logos#200orchard">200 Orchard</a></li>

                  </ul>

Any suggestions?
Thanks a ton,

Ryan
ASKER CERTIFIED SOLUTION
Avatar of Peter Hart
Peter Hart
Flag of United Kingdom of Great Britain and Northern Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of catonthecouchproductions

ASKER

Yeah, I was thinking something more along the lines of javascript.

Thanks,

Ryan
any other suggestions, i am still lokking but with no luck.
<table
width="350" border="0" align="center"> <tr
bgcolor="#63639C"> <td>&nbsp; <script language="JavaScript1.2">
/* Scrolling Text script- Distributed by http://www.hypergurl.com */ //Change
script's width (in pixels) var marqueewidth=300 //Change script's height (in pixels,
pertains only to NS) var marqueeheight=20 //Change script's scroll speed (larger
is faster) var speed=6 //Change script's contents var marqueecontents='<font
face="Arial" font color="#FFFFFF"><strong><big>Have
fun with this script from <a href="http://www.hypergurl.com">Hypergurl</a>
If you find this script useful, please consider linking to us!</big></strong></font><background
color="#00080">' if (document.all) document.write('<marquee scrollAmount='+speed+'
style="width:'+marqueewidth+'">'+marqueecontents+'</marquee>')
function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers){
setTimeout("window.onresize=regenerate",450) intializemarquee() } }
function intializemarquee(){ document.cmarquee01.document.cmarquee02.document.write('<nobr>'+marqueecontents+'</nobr>')
document.cmarquee01.document.cmarquee02.document.close() thelength=document.cmarquee01.document.cmarquee02.document.width
scrollit() } function scrollit(){ if (document.cmarquee01.document.cmarquee02.left>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.left-=speed setTimeout("scrollit()",100)
} else{ document.cmarquee01.document.cmarquee02.left=marqueewidth scrollit() }
} window.onload=regenerate2 </script></td> </tr> </table>
<ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee01">
<layer name="cmarquee02"></layer> </ilayer>