[Last Call] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1785
  • Last Modified:

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
0
catonthecouchproductions
Asked:
catonthecouchproductions
  • 3
  • 2
1 Solution
 
chilternPCCommented:
have you tried the marquee command or am I off base.....

<marquee bgcolor="#000080" scrollamount="2"
direction="left" loop="true" width="35%"> <center>
<font color="#ffffff" size="+1"><strong> THIS
IS A COOL WAY<br> TO MAKE YOUR TEXT<br> SCROLL UPWARDS<br> <br>
IT IS EASY AND FAST LOADING </strong></font> </center>
</marquee>
0
 
catonthecouchproductionsAuthor Commented:
Yeah, I was thinking something more along the lines of javascript.

Thanks,

Ryan
0
 
catonthecouchproductionsAuthor Commented:
any other suggestions, i am still lokking but with no luck.
0
 
chilternPCCommented:
<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>
0
 
chilternPCCommented:
0

Featured Post

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now