Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Bảng » Nội dung mờ ảo
URL: https://www.javascriptbank.com/content-switch-ticker.html
Đoạn mã này sẽ tạo hiệu ứng mờ ảo cho nội dung khi xuất hiện và biến mất của một đối tượng bảng, khung, div...
Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Bảng » Nội dung mờ ảo
URL: https://www.javascriptbank.com/content-switch-ticker.html
<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--><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--><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'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-->