Bouncing text
Written by 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 https://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='https://www.htmlbestcodes.com' style='font-size: 8pt; text-decoration: none'>Html Best Codes</a>
Example:
Let's stay in touch
Get the latest and greatest javascript codes directly to your mail
TRENDING POST
VISITORS
Online Users:
12
Recent Members:
TheDewalt, sahjahan, fk khan, Proper, Jenisha
Comments
Here you can leave us commments. Let us know what you think about this code tutorial!