Thursday, 20 February 2014

Move a text in html:)

 Allanimation for basic start button using html

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#start").click(function(){
    $("div").animate({left:'100px'},5000);
    $("div").animate({fontSize:'3em'},5000);
  });
});
</script>
</head>
<body>

<button id="start">Start</button>
<div style="background:#82bf21;height:100px;width:200px;position:absolute;">HELLO</div>

</body>
</html>

Enjoy your day

HTML TAGS FOR CREATING TABLES :)


Basic program for creating tables to dispaly the cube the numberusing html??

<html>
<head>
<title>
table
</title>
</head>
<body>
<table border="1">
<tr>
<th>NUMBER</th>
<th>CUBE</th>
</tr>
<script type="text/javascript">
var n=parseInt(prompt("enter the no. of rows"));
for(var i=0;i<n;i++)
{
document.write("<tr><td>"+i+"</td><td>"+i*i*i+"</td></tr>");
}
</script>
</table>
</body>
</html>







 






Enjoy your day