JavaScript Content Typewriter
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
<style type=”text/css”>
body {
background:#333333;
font-family:Arial, Helvetica, sans-serif;
}
.text-container {
width:400px;
padding:10px;
font-size:12px;
height:200px;
line-height:20px;
color:#666;
text-align:justify;
border:10px solid #000;
background:#FFFFFF;
margin:30px auto;
border-radius:8px;
}
</style>
<script type=”text/javascript” src=”jquery-1.7.2.min.js”></script>
<script type=”text/javascript”>
var type_writer_handler, counter = 0, text = ”;
var input_text = “Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.”;
function typewriter(){
var text_count = input_text.length;
if (counter <= text_count) {
var counter_minus = counter-1;
text += input_text.substring(counter_minus,counter);
document.getElementById(“text_output”).innerHTML = text;
counter++;
} else {
window.clearInterval(type_writer_handler);
}
}
type_writer_handler = setInterval(typewriter, 50);
</script>
</head>
<body>
<div class=”text-container” id=”text_output”></div>
</body>
</html>
May 25, 2013 at 4:54 AM
Reblogged this on Web Development Tips.
June 1, 2013 at 12:51 AM
As a consequence, proceed by get started with ones personal %LINK2%?
Set them all the way through air-tight label subsequently organize them in freezer cooler plastic bags.
planning to these wedding ceremony, A pair of. Consumer may function as entirely
torrents locations course web.