zoukankan      html  css  js  c++  java
  • jquery鼠标滑过展示图片时显示详情

    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>  

  • 相关阅读:
    Collection LinkedList
    java 浅拷贝和深拷贝
    Collection ArrayList
    Java 集合
    Activity、Fragment、Service、View生命周期
    Android 事件分发机制
    retrofit2.0
    Android 知识图谱
    设计模式-代理模式
    多线程-lock
  • 原文地址:https://www.cnblogs.com/aure/p/4336157.html
Copyright © 2011-2022 走看看