添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 漂浮 | 广告 >

jqzoom插件鼠标悬停图片放大器代码

时间:2015-01-11      来源:互联网     
特效说明:
一款带左右箭头及自动轮播jQuery幻灯片网页特效,该特效基于jquery-1.3.2.min.js和jqzoom.pack.1.0.1.js编写,适合产品图片、商业图片展示jquery放大器代码,兼容主流浏览器。(兼容测试:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" href="css/jqzoom.css" type="text/css">

2、调用JS插件代码:
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jqzoom.pack.1.0.1.js" type="text/javascript"></script>

3、添加HTML代码:
<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

4、初始化JS代码:
<script type="text/javascript">
$(function() {
    var options =
    {
        zoomWidth: 250,
//放大镜的宽度
        zoomHeight: 250,//放大镜的高度
        zoomType:'reverse'
    };
    $(".jqzoom").jqzoom(options);
});
</script>
相关特效
  • jQuery判断鼠标划入图片方向显示遮罩层特效

    jQuery判断鼠标划入图片方向显示遮罩层特效

    一款jQuery判断鼠标划入图片方向显示遮罩层特效代码下载,该图片特效是一款鼠标从哪个方向移到图片上遮罩就从哪里出现JS代码。……
    2016-07-22
  • CSS3鼠标悬停图标导航动画特效

    CSS3鼠标悬停图标导航动画特效

    一款CSS3鼠标悬停图标导航动画特效下载,该HTML5+CSS3特效是一款基于CSS属性clip、transition等属性实现的简洁清爽风格鼠标悬停动画切换特效。……
    2016-07-08
  • CSS3鼠标滑过动画线条运动效果

    CSS3鼠标滑过动画线条运动效果

    一款CSS3鼠标滑过动画线条运动效果免费下载,该CSS3特效基于CSS属性animation动画制作,效果流畅弹性十足。……
    2016-06-28
  • 8款CSS3鼠标滑过图片动画效果

    8款CSS3鼠标滑过图片动画效果

    8款CSS3鼠标滑过图片动画效果下载,该图文特效基于纯CSS3编写,鼠标悬停图片以不同的方式显示遮罩层和图片标题。每一组效果又分为3种不同的鼠标滑过图片效果。……
    2016-06-28
  • jQuery炫酷鼠标滑过图片显示遮罩层特效

    jQuery炫酷鼠标滑过图片显示遮罩层特效

    一款jQuery炫酷鼠标滑过图片显示遮罩层特效免费下载,该jQuery+CSS3图片特效代码是鼠标滑过/悬停图片显示遮罩炫酷动画特效代码。……
    2016-06-28
  • 44款CSS3鼠标滑过图片显示文字动画库

    44款CSS3鼠标滑过图片显示文字动画库

    44款CSS3鼠标滑过图片显示文字动画库源码下载,该网页特效是鼠标滑过图片通过反转、旋转、渐变、变形等动画显示文字特效。HTML5网站建设必备网页特效。……
    2016-06-25
  • jQuery鼠标经过显示动画边框特效

    jQuery鼠标经过显示动画边框特效

    一款jQuery鼠标经过显示动画边框特效下载,该JS代码基于jQuery制作的鼠标经过图片、描述文字动画绘制边框特效,适用于图文列表展示代码。……
    2016-06-25
  • 纯CSS3打造动感鼠标悬停显示文字特效

    纯CSS3打造动感鼠标悬停显示文字特效

    一款纯CSS3打造动感鼠标悬停显示文字特效下载,该网页特效基于CSS3动画属性制作,鼠标悬停或滑过图片上动画显示文字描述特效。……
    2016-06-25
  • CSS3鼠标悬停图片动画显示简介特效

    CSS3鼠标悬停图片动画显示简介特效

    一款CSS3鼠标悬停图片动画显示简介特效下载,该CSS3特效基于transform、scale3d实现的鼠标滑过图片动画放大、渐变出现文字描述图文特效。……
    2016-05-22
  • CSS鼠标悬停文字上下左右居中动画放大特效

    CSS鼠标悬停文字上下左右居中动画放大特效

    一款CSS鼠标悬停文字上下左右居中动画放大特效免费下载,该CSS3特效基于动画属性transtion、tranform等属性制作动画放大效果。……
    2016-05-22

最新更新特效

设计分享