Bouncing text

Written by @kerixa 24 February 2014

Bouncing text will move in your page and after reaching the edges of page, it reflects. This text is floated and you can use it in every page.

Code Snippet:

                                                
                                                <!-- this script is provided by www.htmlbestcodes.com coded by: Kerixa Inc. -->
<!-- this script got from www.htmlbestcodes.com-Coded by: Krishna Eydat -->
<html>
<head>
</head>
<body>
<script language="JavaScript" type="Text/JavaScript">
fifteenth = 0;sixteenth = 4;
function seventeenth(eighteenth,nineteenth){
if(document.layers) document.layers['twentieth'].top=eighteenth; else  document.getElementById('twentieth').style.top=eighteenth;
if(eighteenth>nineteenth) sixteenth = -4;
if(eighteenth<60) sixteenth = 4; setTimeout('seventeenth('+(eighteenth+sixteenth)+','+nineteenth+')', 32);}
function first2(){
if(fifteenth) return fifteenth = 1;
if(navigator.appName=='Netscape') {  document.getElementById('twentieth').left=innerWidth/2 - 140;  seventeenth(60,innerHeight - 60);} else {  twentieth.style.left=11;  seventeenth(60,document.body.offsetHeight - 60); }}setTimeout('first2()',11);
</script>
<div id='twentieth' style='position: absolute; top: -65; color: red; font-family: "Courier New", Courier, mono; font-weight:bold; font-size:40px;'>Your Text Here</div>

<br/><div style="clear:both"></div><div><a target="_blank" href="http://www.htmlbestcodes.com/"><span style="font-size: 8pt; text-decoration: none">HTML Best Codes</span></a></div>
</body>
</html><a target='_blank' href='www.htmlbestcodes.com' style='font-size: 8pt; text-decoration: none'>Html Best Codes</a>                                                
                                            

Example:


About @kerixa

I am Krishna Eydat. I studied Software Engineering at University of Waterloo in Canada. I lead a few tech companies. I am passionate about the way we are connected. I would like to be part of something big or be the big deal!

K
TRENDING POST
1
2
3
4
5
VISITORS
Online Users: 12
Recent Members: Nikhil 999+, bishalthakur
advertisement 2