horizontal scrolling text menu with control

Question

I'm going to create horizontal scrolling menu with control when its big

like http://www.msn.com/ top text menu. i was looking to find some code like this but i couldn't anyone can help me to find something slimier to this .

<ul id="myUl">
<li> | </li>
<li style="color: red">Espresso</li>
<li style="color: orange">Cappuccino</li>
<li style="color: yellow">American</li>
<li style="color: green">Tea</li>
<li style="color: black">Milk</li>
<li style="color: blue">Juice</li>
<li> | </li>

Angel ofDemons · Accepted Answer · 2016-06-21T09:49:34.503

1

I dont exactly know how and what you want. But I've created an example here. Please come back to me how you exactly want it based on the example I made so I can improve the example.

Also found this <- this one is what you're lookin for I think, I can make an example with your text if you prefer, even tho you can do that yourself aswell

Both examples found here

You can also take a look here for educational purposes.

Goodluck!

EDIT:

MADE AN EXAMPLE FOR YOU

edited Jun 21 '16 at 09:49

answered Jun 21 '16 at 09:33

Angel ofDemons

1,267
8
13

i update with image its horizontal scrolling menu in msn – Amal Prasad Jun 21 '16 at 09:38
isn't [this](http://jsfiddle.net/ivinraj/kzQFQ/570/) what you're looking for if you place your names _cappuccino / tea etc_ inside of the `
` like this : `
Espresso
` – Angel ofDemons Jun 21 '16 at 09:40
No problem @AmalPrasad [this one is a little edited with css maybe the way you prefer it more or not](http://jsfiddle.net/kzQFQ/666/) – Angel ofDemons Jun 21 '16 at 09:50
is there any way to stop scrolling when last text reach? – Amal Prasad Jun 21 '16 at 09:52
@AmalPrasad maybe try to take a look at [this](http://stackoverflow.com/questions/32068664/how-to-detect-the-end-of-a-horizontal-scroll-in-a-div) – Angel ofDemons Jun 21 '16 at 09:53

horizontal scrolling text menu with control

1 Answers1