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

Home
JavaScript Reference
1.Event Handlers Reference
2.Javascript Collections
3.Javascript Methods
4.Javascript Objects
5.Javascript Properties
JavaScript Reference » Javascript Properties » clipLeft 




'clipLeft' 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 function4() {
        document.all.myImage.style.clip = "rect(0,300,225,50)";
    }
</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 left 50" onClick="function4(50);">
</body>
</html>


    
      
      














Related examples in the same category
1.'clipLeft' Syntax and Note
2.'clipLeft' Possible Values
3.'clipLeft' is applied to
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.