'clipBottom' Example : clipBottom « Javascript Properties « JavaScript Reference

  1. JavaScript Reference
  2. Javascript Properties
  3. clipBottom

'clipBottom' Example

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

</body>
</html>








Related examples in the same category

1.'clipBottom' Syntax and Note
2.'clipBottom' Possible Values
3.'clipBottom' is applied to