CSS Codes
CSS Layouts

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="jquery.imageWarp.js">

/***********************************************
* jQuery imageWarp script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Please keep this notice intact
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

<script type="text/javascript">

jQuery(document).ready(function($){
$('img.imagewarp').imageWarp() //apply warp effect to images with CSS class "imagewarp"
})

</script>
</head>

<body>

<img src="ocean.gif" class="imagewarp" style="width:200px; height:150px" />

<a href="http://dynamicdrive.com"><img src="ocean.gif" class="imagewarp" style="width:200px; height:150px;" border="0"/></a>

</body>
</html>