Foros del Web - Ver Mensaje Individual - Evento resizable al aparecer cursores en jquery

chicohot20 · #2 (**permalink**) 04/02/2012, 19:02

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/base/jquery-ui.css" type="text/css" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(function() {
   $("#content").resizable();
   $("#content .ui-resizable-handle").hover(function(){
       $(this).parent().addClass("hover");
       },
       function(){$(this).parent().removeClass("hover");}
       )
});
 
</script>
<style>
#content { width: 150px; height: 150px; padding: 0.5em; }
#content h3 { text-align: center; margin: 0; }
.hover{background: #DDD;}
</style>
</head> 
<body>
<div id="content" class="ui-widget-content">
<h3 class=ui-widget-header>Resizable</h3>
</div>
</body>
</html>