Scale on mouse hover with Transition


.scale:hover{
        -ms-transform: scale(1.07,1.07); /* IE 9 */
	-webkit-transform: scale(1.07,1.07); /* Safari */
	-o-transform: scale(1.07,1.07); /* Opera */
	-moz-transform: scale(1.07,1.07);
	transform: scale(1.07,1.07);		

	-ms-transition: 0.4s ease; /* IE 9 */
	-webkit-transition: 0.4s ease; /* Safari */
	-o-transition: 0.4s ease; /* Opera */
	-moz-transition: 0.4s ease;
	transition: 0.4s ease;	
}

Example:

Back to top page – Anchor tag


<a name="top"></a>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi congue massa at dui auctor, quis blandit nisi porttitor. Phasellus porta egestas lacinia. Curabitur sit amet fringilla odio, facilisis mollis massa. Fusce iaculis, metus vel fringilla faucibus, magna diam aliquam orci, egestas tristique nisl quam pellentesque eros. Pellentesque eget dolor vitae est hendrerit pellentesque. Donec odio magna, vulputate nec ultricies ut, pellentesque a nibh. Nullam tortor purus, finibus sed ultrices et, lacinia in arcu. Etiam a orci at metus efficitur bibendum. Suspendisse finibus tellus nec ipsum pretium vehicula. Proin nec est sit amet magna feugiat convallis quis viverra purus. Donec pretium ipsum pulvinar magna rhoncus convallis. Ut porttitor convallis erat sed porttitor.</p>

<p>Nunc semper suscipit ipsum id molestie. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur porta enim elit, sit amet vehicula ante accumsan at. In a hendrerit justo, ac sodales augue. Pellentesque placerat interdum mauris vitae convallis. Curabitur et purus ligula. Cras lacus quam, dapibus at ligula non, vehicula cursus quam.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi congue massa at dui auctor, quis blandit nisi porttitor. Phasellus porta egestas lacinia. Curabitur sit amet fringilla odio, facilisis mollis massa. Fusce iaculis, metus vel fringilla faucibus, magna diam aliquam orci, egestas tristique nisl quam pellentesque eros. Pellentesque eget dolor vitae est hendrerit pellentesque. Donec odio magna, vulputate nec ultricies ut, pellentesque a nibh. Nullam tortor purus, finibus sed ultrices et, lacinia in arcu. Etiam a orci at metus efficitur bibendum. Suspendisse finibus tellus nec ipsum pretium vehicula. Proin nec est sit amet magna feugiat convallis quis viverra purus. Donec pretium ipsum pulvinar magna rhoncus convallis. Ut porttitor convallis erat sed porttitor.</p>

<p>Nunc semper suscipit ipsum id molestie. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur porta enim elit, sit amet vehicula ante accumsan at. In a hendrerit justo, ac sodales augue. Pellentesque placerat interdum mauris vitae convallis. Curabitur et purus ligula. Cras lacus quam, dapibus at ligula non, vehicula cursus quam.</p>

<a href="#top">Back to top</a>

Show/Hide ‘DIV’ using JavaScript getElementById


<!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" />
<script type="text/javascript">
function hideshow(which){
if (!document.getElementById)
return
if (which.style.display=="none")
which.style.display="block"
else
which.style.display="none"
}
</script>
</head>
<body>
<a href="javascript:hideshow(document.getElementById('w3div'))">button</a>
<div id="w3div" style="display:none"> sdfsdf </div>
</body>
</html>