Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Horizontal scrolling news feed

Featured Replies

Hi,

 

On a website I am creating, i want to use a similar effect to the one on www.ebuyer.com.

On their page, at the top they have 'latest news' and then it scrolls to the right printing one character at a time. I tried looking at their code to get an idea how to do it but it is such a mess I can't read it well at all.

 

Could anyone tell me how to do this?

 

Thanks for any help.

Here is the majority of the code which does this neat little trick from ebuyer, good luck!

 

<div class="newsHeadline">Latest News:</div><div id="newsholder" class="news">
<ul id="news">

<li>
<a href="http://www.ebuyer.com/news/ViewSonic-brings-out-VG28-LCD-range-1759.html">ViewSonic brings out VG28 LCD range</a>
</li>

<li>					
<a href="http://www.ebuyer.com/news/Gran-Turismo-5-offers-more-features-1758.html">Gran Turismo 5 offers more features</a>
</li>

<li>						
<a href="http://www.ebuyer.com/news/Toshiba-Satellite-A660-15T-has-a-fantastic-keyboard-1763.html">Toshiba Satellite A660-15T 'has a fantastic keyboard'</a>
</li>

<li>						
<a href="http://www.ebuyer.com/news/Panasonic-Viera-TX-L37G20-delivers-nice-pictures-and-solid-sound-1762.html">Panasonic Viera TX-L37G20 delivers 'nice pictures and solid sound'</a>
</li>
</ul>
</div>

 

And they are then using this...

 

<script type="text/javascript" src="http://static.ebuyer.com/js/jquery.newsticker.js">

 

Give that a try, good luck :)

 

- I havent tried it myself yet.

  • Author

try googling jquery news ticker?

 

ha, ha... i did and most of the solutions i found either didn't work or didn't work properly. Found a wordpress plugin that does exactly what I wanted in the end.

 

Thanks EpicWebs for your help.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.