»
AnglaisFrançaisVietnamien

Imprimer - Content Switch Ticker - JavaScriptBank.com

Version complète: jsB@nk » Form » Table » Content Switch Ticker
URL: https://www.javascriptbank.com/content-switch-ticker.html

Content Switch Ticker © JavaScriptBank.comCe symbole des Å“uvres de l'affichage Web conforme aux normes des blocs de code HTML. Le formatage est réalisé avec du simple HTML et CSS. Très propre et élégant.

Version complète: jsB@nk » Form » Table » Content Switch Ticker
URL: https://www.javascriptbank.com/content-switch-ticker.html



CSS
<style type=text/css>#tic {  /* enter any styles for the ticker below */  border: .05em #CEC3AD solid;  font-size:0.85em;  padding:10px;  width:400px;  line-height:20px;}#tic * {  /* this will hide all children tags */  font-size: 1em;  margin:0px;  padding:0px;  display:none;}#tic a {  /* add more tags to this list if you wish to display them inside the children */  display:inline;}</style><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<script type="text/javascript">// Created by: James Crooke :: http://www.cj-design.comvar list; // global list variable cachevar tickerObj; // global tickerObj cachevar hex = 255;function fadeText(divId) {  if(tickerObj)  {    if(hex>0) {      hex-=5; // increase color darkness      tickerObj.style.color="rgb("+hex+","+hex+","+hex+")";      setTimeout("fadeText('" + divId + "')", fadeSpeed);     } else      hex=255; //reset hex value  }}function initialiseList(divId) {  tickerObj = document.getElementById(divId);  if(!tickerObj)    reportError("Could not find a div element with id \"" + divId + "\"");  list = tickerObj.childNodes;  if(list.length <= 0)    reportError("The div element \"" + divId + "\" does not have any children");  for (var i=0; i<list.length; i++) {    var node = list[i];    if (node.nodeType == 3 && !/\S/.test(node.nodeValue))               tickerObj.removeChild(node);  }  run(divId, 0);}function run(divId, count) {  fadeText(divId);  list[count].style.display = "block";  if(count > 0)    list[count-1].style.display = "none";  else    list[list.length-1].style.display = "none";  count++;  if(count == list.length)    count = 0;  window.setTimeout("run('" + divId + "', " + count+ ")", interval*1000);}function reportError(error) {  alert("The script could not run because you have errors:\n\n" + error);  return false;}var interval = 7; // interval in secondsvar fadeSpeed = 40; // fade speed, the lower the speed the faster the fade.  40 is normal.</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<div id="tic"><h1>Welcome to The JavaScript Source ...</h1><p>The JavaScript Source is a part of Jupitermedia, in the Web Developer channel of the internet.com network.</p><p>All the scripts on this site are free for personal or business use.</p><p>The only requirement is that you leave the credit information inside the script.</p><h2>JavaScripts</h2><p>JavaScript programs are contained within the HTML code of the Web page and are interpreted by the browser as it&#39;s read.</p><p>JavaScript provides greater flexibility through such luxuries as being able to create windows, display moving text, sound or other multimedia elements with relative ease.</p><h2>Some Basics</h2><p>JavaScript is not Java; it is an object-based scripting language; and it is cross-platform.</p></div><script type="text/javascript"><!--  initialiseList("tic");//--></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->