'clipRight' Example : Clip : Style Layout JAVASCRIPT DHTML TUTORIALS


JAVASCRIPT DHTML TUTORIALS » Style Layout » Clip »

 

'clipRight' 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 function3() {
        document.all.myImage.style.clip = "rect(0,50,225,0)";
    
</script>
</head>
<body bottommargin="100"
<img src="http://www.navioo.com/style/logo.png" id="myImage">
<input type="button" value="Restore" onClick="function1();">
<input type="button" value="Clip right 50" onClick="function3(50);">
</body>
</html>    
      
      



-

Leave a Comment / Note


 
Verification is used to prevent unwanted posts (spam). .

Follow Navioo On Twitter

JAVASCRIPT DHTML TUTORIALS

 Navioo Style Layout
» Clip