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({width:100, height:100,marginTop:10,marginLeft:10},600);
 7
 8             },
 9             function(){
10               $(this).find('img').animate({width: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>

转载于:https://www.cnblogs.com/aure/p/4336157.html

jquery鼠标滑过展示图片时显示详情相关推荐

echarts修改鼠标悬停在节点上时显示的内容，自定义鼠标悬停显示内容
首先看一下效果,如下图所示: 代码部分: 1.在option对象下的tooltip对象中添加formatter函数,代码如下: var option = {tooltip: {trigger: 'it ...
java鼠标滑入换图片_超简单---鼠标滑过变换图片
鼠标滑过,图片变换,非常实用,用JS可以很容易做到,但是JS完成后有个缺陷,在滑过的时候,第一次可能是空白的,然后才显示,因为要下载图片,网速慢的时候更加明显.其实用CSS实现更容易,而且不会出现上面 ...
Android调用照相机展示高清图片及展示图片时图片倾斜问题
Android调用照相机展示高清图片及展示图片时图片倾斜问题一.概述二.配置权限三.封装CameraUtil工具类 1.Android调用照相机 2.调用系统相册 3.拍摄完毕或在相册选取好照片 ...
通过使用CSS字体阴影效果解决hover图片时显示文字看不清的问题
1.前言最近需要加入一个小功能,在鼠标越过图片时,提示其大小和分辨率,而不想用增加属性title来提醒,不够好看.然而发现如果文字是一种颜色,然后总有概率碰到那张图上浮一层的文字会看不到,所以加入文 ...
鼠标经过爆炸效果html,jquery鼠标滑过爆炸特效插件
sparkleHover.js是鼠标滑过HTML元素产生爆炸特效的jquery插件.通过该jquery插件,你可以在鼠标经过指定的HTML元素时,使用指定的图片来制作炫酷的爆炸效果. 使用方法在页面 ...
Java添加图片的悬浮提示,DIV+CSS鼠标经过悬停在图片上方显示图片文字
原始图片显示没有文字在上方,当鼠标经过悬停时显示文字并且文字背景为半透明.可以使用纯DIV+CSS实现鼠标悬停图片上显示文字内容. 使用div css实现鼠标悬停图片上方时显示文字内容原理: 首先我们 ...
Jquery鼠标滚轮放大缩小图片
使用Jquery鼠标点击图片,划动鼠标滚轮放大缩小图片. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q ...
鼠标滑过，二级菜单显示
使用css方式,实现菜单效果. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht ...
计算机保存照片怎么显示内存不足怎么办,电脑另存为图片时显示内存不足怎么处理...
DF 下载地址:(我没试验过,如果不好用,请去搜索SolidConverterPDF) 相关介绍: 可以用ScanSoft PDF Converte,安装完成后不须任何设置,它会自动整合到Word中. ...

jquery鼠标滑过展示图片时显示详情

jquery鼠标滑过展示图片时显示详情相关推荐

最新文章

热门文章