Up-Down Scroller That Pauses

UPDATED: JULY 20, 2016 – ARTICLE: UP-DOWN SCROLLER THAT PAUSES

Category: Web Design & Development

Pausing up-down scroller. As its name suggests it pauses between each message! Whats great about the scroller script is you can customize the ticker scroller to any style that you can think of using external CSS. Write a little content, place a link and your visitors that read it can read more by clicking the link.

SEE IT WORKING AT THE BOTTOM OF THIS PAGE

It saves you space and is a great way to have extra content on any website you create and will be sure to catch your visitors attention.

Show Your Latest News

Use the pausing up-down scroller on your home page, place 4 of your latest updates with links to the pages, every time you create new content remove the oldest update and replace with a little snip-it of the new content. This is great for returning visitors as they will see whats new, but better yet it will give your home page some new content every time you place content on it, spiders love it when the page content is updated and visit more often helping to index the page higher in search results.

Copy the pausing up down scroller code to your site then replace our stuff with your stuff, and edit the codes width, height, text size and colour to what you want.

How To Edit The Pausing Up-Down Scroller

1. Copy the below scroller code.
2. Paste the pausing up-down scroller code on your site.
3. Change the width, height, background colour to the size you want in the CSS code.
4. Remove our text and replace with your stuff.
5. Update your site.

<style type="text/css">
#pscroller1{
width: 300px;
height: 250px;
box-shadow: 0px 0px 5px 0px #888;
padding: 5px;
background-color:#F9F9FF;
}
</style>

<script type="text/javascript">
/*Example message arrays for the pausing up down scroller */
/*Visit http://www.2createawebsites.com for lots more scripts */
var pausecontent=new Array()
pausecontent[0]='<span style="FONT-SIZE: 15pt; FONT-FAMILY: Arial"><font color="#333399">Pausing up down scroller can be use on your website to display a block of text that pauses for your visitor to read then moves on to the the next block of text.<br /><br />Lots more tutorials on <a href="http://www.yourlinkhere.com/" target=" blank">yourlinkhere</a> visit our home page.</span></font>'
pausecontent[1]='<span style="FONT-SIZE: 15pt; FONT-FAMILY: Arial"><font color="#228811">You can even change the text colour of each on the scroller to any colour you want.<br /><br />Even have different blocks of text in different colours.</span></font>'
pausecontent[2]='<span style="FONT-SIZE: 18pt; FONT-FAMILY: Arial"><font color="#000000">You can even change the text size for all the text or one block of text and have hyper-links in the text.<br /><br />Change width height and background colour of the display block.</span></font>'
</script>
<script type="text/javascript" src="http://www.linkbuildingservices4sites.com/resources/pausing-up-down-scroller.js"></script> 

<script type="text/javascript">
//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)
new pausescroller(pausecontent, "pscroller1", "someclass", 5000)
document.write
</script>

DEMO BELOW