Mark Forums Read
  #1  
Old 03-27-2010, 01:54 AM
JavaScriptBank JavaScriptBank is offline
Senior Member
 
Join Date: Sep 2009
Posts: 130
JavaScriptBank is on a distinguished road
Default Vertical Marquee

Text scrolls from bottom to top, pauses, then scrolls up and out of view. A JavaScript link can be added, opening in a new window. Configuration is simple.... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


How to setup

Step 1: Copy & Paste CSS code below in your HEAD section
CSS
Code:
<style type="text/css"> #jump_base { overflow-y:hidden; width: 200px; height: 100px; border: 2px dotted #000099; margin: auto; padding: 0 10px 0 10px; font-size: .9em; font-family: Verdana, Arial, sans-serif; } #jump_base a { color: #000099; background-color: inherit; } .news { background-color: #DDDDDD; color: inherit; } </style> <!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com -->
Step 2: Use JavaScript code below to setup the script
JavaScript
Code:
<script language="javascript"> // Created by: Mike Hudson :: http://www.afrozeus.com /* To change the values in the setupLinks function below. You will notice there are two arrays for each of Titles and Links. Currently there are 3 items in each array, but you can easily expand on that by adding to the array. For example, to add a 4th record, you would simply include the following 2 lines at the end of setupLinks function: arrLinks[3] = "someURL.htm"; arrTitles[3] = "Some title"; */ function setupLinks() { arrLinks[0] = "http://forums.webdeveloper.com/forumdisplay.php?s=&forumid=3"; arrTitles[0] = "If you have any questions, be sure to visit our forums."; arrLinks[1] = "http://javascript.internet.com/new/"; arrTitles[1] = "Don't miss anything — check our new additions."; arrLinks[2] = "http://www.webreference.com/programming/javascript/diaries/"; arrTitles[2] = "Want to learn JavaScript? Start at the beginning."; } var m_iInterval; var m_Height; //window.onload = wl; var iScroll=0; var arrLinks; var arrTitles; var arrCursor = 0; var arrMax; window.onload=wl; function wl() { m_iInterval = setInterval(ontimer, 10); var base = document.getElementById("jump_base"); m_Height = base.offsetHeight; var divi = parseInt(m_Height/5); m_Height = divi*5; var td1 = document.getElementById("td1"); var td2 = document.getElementById("td2"); var td3 = document.getElementById("td3"); td1.height = m_Height-5; td2.height = m_Height-5; td3.height = m_Height-5; arrLinks = new Array(); arrTitles = new Array(); setupLinks(); arrMax = arrLinks.length-1; setLink(); } function setLink() { var ilink = document.getElementById("jump_link"); ilink.innerHTML = arrTitles[arrCursor]; ilink.href = arrLinks[arrCursor]; } function ontimer() { var base = document.getElementById("jump_base"); iScroll+=5; if (iScroll>(m_Height*2)) { iScroll=0; arrCursor++; if (arrCursor>arrMax) arrCursor=0; setLink(); } if (iScroll==m_Height) { pause(); m_iInterval = setTimeout(resume, 4000); } base.scrollTop=iScroll; } function pause() { clearInterval(m_iInterval); } function resume() { m_iInterval = setInterval(ontimer, 10); } </script> <!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com -->
Step 3: Copy & Paste HTML code below in your BODY section
HTML
Code:
<div id="jump_base" class="news" onmouseover="pause()" onmouseout="resume()"> <table class="news"> <tr> <td id="td1"> </td></tr> <tr><td id = "td2" valign="middle" align="center"><a id="jump_link" href="" target="_new"></a></td></tr> <tr><td id="td3"> </td></tr> </table> </div> <!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com -->





Reply With Quote
 #Add to Ads's Reputation  
OldSponsored Ads
Ads AdsPromoter is online
Member
 
Join Date: LongTime
Posts: 1100
Ads is on a distinguished road
Default New Sponsored Ads



This message will go away once you are registered. Also, by registering, you will have access to all post topics, communicate privately with other members (PM), respond to polls, upload graphics, and access other special features! Registration is fast, simple and absolutely free so please Click Here to join our Web Hosting community today!
Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT. The time now is 05:11 PM.


Powered by vBulletin Version 3.6.1
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
SEO by vBSEO 2.4.0