jquery:
1 <script src="js/jquery.js" type="text/javascript"></script> 2 <script type="text/javascript"> 3 $(document).ready(function(){ //页面边加载边执行 4 $('.box').hover( 5 function(){ 6 $(this).find('img').animate({100, height:100,marginTop:10,marginLeft:10},600); 7 8 }, 9 function(){ 10 $(this).find('img').animate({600, height:330,marginTop:0,marginLeft:0},180); 11 }); 13 }); 14 </script>
<body>
<div class="main">
<div class="box">
<img src="img/0.jpg"/>
<div class="info">
<h1>div+css及js结合的布局</h1>
Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。所以要求学好HTML、CSS、JAVASCRIPT 。
</div>
</div>
</div>