'clipTop' Example : Clip « Style Layout « JavaScript DHTML






  1. JavaScript DHTML
  2. Style Layout
  3. Clip

'clipTop' Example

 <html> <head> <style> #myImage {position:absolute; top:224px; left:75px; clip:rect(0,300,225,0)} </style> <script language="JavaScript"> function function1() { document.all.myImage.style.clip = "rect(0,300,225,0)" } function function4() { document.all.myImage.style.clip = "rect(50,300,225,0)"; } </script> </head> <body bgcolor="#EEEEEE" bottommargin="100"> <img src="http://www.java2s.com/style/logo.png" id="myImage"> <input type="button" value="Restore" onClick="function1();"> <input type="button" value="Clip top 50" onClick="function4(50);"> </body> </html>








Related examples in the same category

1.'clipBottom' Example
2.'clipLeft' Example
3.'clipRight' Example
close