« »

The power of Hyper Ticker is at its ability to run HTML tags in the ticker. You can put images, hyperlinks, change colors, blinks, and almost everything you can do with normal HTML.

Label: Scrolling Hypertext Ticker

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Generate your business videos by AI with voice or just text

Your first FREE AI Video App! Automate Your First AI Video. Create Your Professional Video In 5 Minutes By AI No Equipment Or Video Editing Skill Requred. Effortless Video Production For Content Marketers. Free UNLMITED AI Video App in Your Hand

Code
HTML
Print

Copy All x2

<body onload="init(); banSlide()">
<script language="JavaScript">
<!--
// Hypertext Banner v1.5
//Created by Howard Chen, jdeveloper@telebot.net

n = (document.layers) ? 1:0
ie = (document.all) ? 1:0


if (n) {
    windowWidth = window.innerWidth-17
    windowHeight = window.innerHeight-17
    }
else if (ie) {
    windowWidth = document.body.clientWidth-17
    windowHeight = document.body.clientHeight-17
    }

at_center = "(windowWidth-showWidth)/2"
at_right = "windowWidth-showWidth"
at_left = "0";

//================ CONFIGURE YOUR BANNER HERE ======================

spd = 20                            // speed in ms
showWidth = 400                     // Width of the banner shown on the screen at one time
showHeight = 20                     // The Height of banner
fromTop = 40                        // The banner's position in pixel from the top of the page
fromLeft = eval(at_center)          // The banner's position in pixel from the left side of the page
loop = "infinite";                  // The number of times this banner will rotate, use "infinite" for infinitly many times.

// The text that is to be displayed, HTML tags ARE allowed!!

display_text = "JavaScriptBank.com - Bank of over 2000+ free JavaScripts"


/*
    You can use eval(at_center) to place the banner in the center,
    eval(at_left) to place on the left, or 
    eval(at_right) to place on the right.
*/

//================ DO NOT EDIT CODES BELOW THIS LINE ===========

function init() {
     banner = new dynLayer("banDiv", null, 0, showWidth, showHeight, 0)
     banner.moveTo(fromLeft,fromTop);

     if (n) {
        banner.ref.open();
        banner.ref.write("<NOBR>");

        for (var i = showWidth/4; i > 0; i--) {
            banner.ref.write("&nbsp;");
            }

        banner.ref.write(display_text);
        banner.ref.write("</NOBR>");
        banner.ref.close();
        }

     if (ie) {
        document.all["banDiv"].innerHTML = "<NOBR>"

        for (var i = showWidth/4; i > 0; i--) {
            document.all["banDiv"].innerHTML += "&nbsp;";
            }

        document.all["banDiv"].innerHTML += display_text + "</NOBR>";
        }

    }

function dynLayer(id,nestref,ctop,cright,cbottom,cleft) {
     if (n) {
          if (nestref) {
               this.css = eval("document." + nestref + ".document." + id)
               this.ref = eval("document." + nestref + ".document." + id + ".document")
          }
          else {
               this.css = document.layers[id]
               this.ref = document.layers[id].document
          }
          this.x = this.css.left
          this.y = this.css.top
     }
     else if (ie) {
          this.css = document.all[id].style
          this.ref = document
          this.x = this.css.pixelLeft
          this.y = this.css.pixelTop
     }
     this.obj = id + "Object"
     eval(this.obj + "=this")
     this.moveBy = dynLayerMoveBy
     this.moveTo = dynLayerMoveTo
     this.clipBy = dynLayerClipBy
     this.clipTo = dynLayerClipTo
     this.clipValues = dynLayerClipValues
     if (ie) {
          if (ctop!=null && cright!=null && cbottom!=null && cleft!=null) this.clipTo(ctop,cright,cbottom,cleft)
          else if (this.css.pixelWidth && this.css.pixelHeight) this.clipTo(0,this.css.pixelWidth,this.css.pixelHeight,0)
     }
}
function dynLayerMoveBy(x,y) {
     this.x += x
     this.css.left = this.x
     this.y += y
     this.css.top = this.y
}
function dynLayerMoveTo(x,y) {
     this.x = x
     this.css.left = this.x
     this.y = y
     this.css.top = this.y
}

function dynLayerClipBy(t,r,b,l) {
     if (n) {
          this.css.clip.top = this.clipValues('t') + t
          this.css.clip.right = this.clipValues('r') + r
          this.css.clip.bottom = this.clipValues('b') + b
          this.css.clip.left = this.clipValues('l') + l
     }
     else if (ie) this.css.clip = "rect("+(this.clipValues('t')+t)+"px "+(this.clipValues('r')+r)+"px "+Number(this.clipValues('b')+b)+"px "+Number(this.clipValues('l')+l)+"px)"
}
function dynLayerClipTo(t,r,b,l) {
     if (n) {
          this.css.clip.top = t
          this.css.clip.right = r
          this.css.clip.bottom = b
          this.css.clip.left = l
     }
     else if (ie) this.css.clip = "rect("+t+"px "+r+"px "+b+"px "+l+"px)"
}
function dynLayerClipValues(which) {
     if (n) {
          if (which=="t") return this.css.clip.top
          if (which=="r") return this.css.clip.right
          if (which=="b") return this.css.clip.bottom
          if (which=="l") return this.css.clip.left
     }
     else if (ie) {
          var clipv = this.css.clip.split("rect(")[1].split(")")[0].split("px")
          if (which=="t") return Number(clipv[0])
          if (which=="r") return Number(clipv[1])
          if (which=="b") return Number(clipv[2])
          if (which=="l") return Number(clipv[3])
     }
}


function banSlide()
{
var i 
if (n) {
     i = banner.css.clip.height
     }
if (ie) {
     i = banner.css.pixelHeight
     }
banner.moveBy(-2,0)
banner.clipBy(0,2,0,2)

setTimeout("banSlide()", spd);
}

document.writeln('<STYLE TYPE="text/css">');
document.writeln('<\!--');
document.writeln('#banDiv {position:relative; height: 50; clip:rect(0,' + showWidth + ',' + showHeight + ',0)}');
document.writeln('-->');
document.writeln('</STYLE>');

</script>
<div id="banDiv"></div>
</body>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Comment (0)
Write

by Preview

Cancel reply

Write your comment

Comment's title

I assure 100% I am real human
I repeat I am not bot

Sent (0)
New

BBCode
HTML
URL
JID

Submit day:
Author:
Previews:
Comment:
Votes:
Sent:
Size:
Rank:

30/01/2007
Howard Chen [more]
3,720
0
1
0
7.33 KBytes

JavaScript Scrolling Hypertext Ticker

5/5 1 votes / 3,720 previews / 0 comment 30/01/2007 The power of Hyper Ticker is at its ability to run HTML tags in the ticker. You can put images, hyperlinks, change color...JavaScript Scrolling Hypertext Ticker - Scrolling Hypertext Ticker

Let's be first member to do this

Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web

Scrolling Hypertext Ticker

Label: Scrolling Hypertext Ticker (adsbygoogle = window.adsbygoogle || []).push({});

Generate your business videos by AI with voice or just text

Write your comment

Label: Scrolling Hypertext Ticker