WEb training

Create and Deploy a site in 10 mins

 //index.html<div id="ball"></div>

 //main.css#ball {   width: 120px;   height: 120px;   border-radius: 120px;   margin: 150px auto 0 auto;}

Wait for document to be ready:

 $(document).ready(function(){
	alert('ready');
});

Give it a click event:

 $(document).ready(function(){
	$('.ball').on('click',function(){              alert('touch');         });
});

$('.ball').on('mousedown',function(){    $(this).addClass('big');});

$('.ball').on('mouseup',function(){
    $(this).removeClass('big');
});

 transition: 0.3s ease-in;

By Colin Toh