catonthecouchproductions
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">D on't Bail</a></li>
<li><a href="?p=logos#sifted">Sif ted Records</a></li>
<li><a href="?p=logos#skithevalle y">Ski The Valley</a></li>
<li><a href="?p=logos#dw">DW - GET FROM SEAN</a></li>
<li><a href="?p=logos#simple">Sim ple</a></l i>
<li><a href="?p=logos#eurospa">Eu rospa</a>< /li>
<li><a href="?p=logos#aldrighetti ">Aldrighe tti Logging</a></li>
<li><a href="?p=logos#monkeyhouse ">Monkey House</a></li>
<li><a href="?p=logos#surgery">Or thopedic Surgery Center</a></li>
<li><a href="?p=logos#200orchard" >200 Orchard</a></li>
</ul>
Any suggestions?
Thanks a ton,
Ryan
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">D
<li><a href="?p=logos#sifted">Sif
<li><a href="?p=logos#skithevalle
<li><a href="?p=logos#dw">DW - GET FROM SEAN</a></li>
<li><a href="?p=logos#simple">Sim
<li><a href="?p=logos#eurospa">Eu
<li><a href="?p=logos#aldrighetti
<li><a href="?p=logos#monkeyhouse
<li><a href="?p=logos#surgery">Or
<li><a href="?p=logos#200orchard"
</ul>
Any suggestions?
Thanks a ton,
Ryan
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
any other suggestions, i am still lokking but with no luck.
<table
width="350" border="0" align="center"> <tr
bgcolor="#63639C"> <td> <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><b ig>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:'+marqueewidt h+'">'+mar queeconten ts+'</marq uee>')
function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers){
setTimeout("window.onresiz e=regenera te",450) intializemarquee() } }
function intializemarquee(){ document.cmarquee01.docume nt.cmarque e02.docume nt.write(' <nobr>'+ma rqueeconte nts+'</nob r>')
document.cmarquee01.docume nt.cmarque e02.docume nt.close() thelength=document.cmarque e01.docume nt.cmarque e02.docume nt.width
scrollit() } function scrollit(){ if (document.cmarquee01.docum ent.cmarqu ee02.left> =thelength *(-1)){
document.cmarquee01.docume nt.cmarque e02.left-= speed setTimeout("scrollit()",10 0)
} else{ document.cmarquee01.docume nt.cmarque e02.left=m arqueewidt h scrollit() }
} window.onload=regenerate2 </script></td> </tr> </table>
<ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee01">
<layer name="cmarquee02"></layer> </ilayer>
width="350" border="0" align="center"> <tr
bgcolor="#63639C"> <td> <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><b
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><
color="#00080">' if (document.all) document.write('<marquee scrollAmount='+speed+'
style="width:'+marqueewidt
function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers){
setTimeout("window.onresiz
function intializemarquee(){ document.cmarquee01.docume
document.cmarquee01.docume
scrollit() } function scrollit(){ if (document.cmarquee01.docum
document.cmarquee01.docume
} else{ document.cmarquee01.docume
} window.onload=regenerate2 </script></td> </tr> </table>
<ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee01">
<layer name="cmarquee02"></layer>
the code above is from
http://www.hypergurl.com/scrollingtext.html
http://www.hypergurl.com/scrollingtext.html
ASKER
Thanks,
Ryan