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

jQuery图片元素响应式网格布局插件

时间:2015-08-03      来源:互联网     
特效说明:
一款jQuery图片元素响应式网格布局插件下载,该jQuery插件是一款可以将图片或HTML元素均匀分布排列为网格布局的jquery.jMosaic.js插件。适用于响应式网页制作、移动端网页布局图片特效。(兼容测试:IE8及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="css/default.css">
<link rel="stylesheet" href="css/jquery.jMosaic.css">

2、调用JS插件代码:
<script src="js/jquery.min.js"></script>
<script src="js/jquery.jMosaic.js"></script>

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

4、JS代码:
<script type="text/javascript">
    $(document).ready(function() {
        $('.blocks').jMosaic({items_type: "li", margin: 0});
        $('.pictures').jMosaic({min_row_height: 150, margin: 3, is_first_big: true});
    });
    
    $(window).load(function() {
    });
    
    $(window).resize(function() {
        $('.pictures').jMosaic({min_row_height: 150, margin: 3, is_first_big: true});
        $('.blocks').jMosaic({items_type: "li", margin: 0});
    });
</script>
相关特效
  • CSS3鼠标悬停图片动画显示简介特效

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

    一款CSS3鼠标悬停图片动画显示简介特效下载,该CSS3特效基于transform、scale3d实现的鼠标滑过图片动画放大、渐变出现文字描述图文特效。……
    2016-05-22
  • jQuery文字阴影效果插件longShadow.js

    jQuery文字阴影效果插件longShadow.js

    一款jQuery文字阴影效果插件longShadow.js下载,该投影插件是一款可以制作各种文字长阴影效果,可以配置阴影的颜色,大小和方向等。……
    2016-05-22
  • jQuery制作多图相册框里的图片随鼠标移动预览特效

    jQuery制作多图相册框里的图片随鼠标移动预览特效

    一款jQuery制作多图相册框里的图片随鼠标移动预览特效,带左右按钮切换上一张、下一张图片,随鼠标上下移动预览图片特效免费下载。……
    2016-05-22
  • jQuery九宫格图片拉伸变大图文相册特效

    jQuery九宫格图片拉伸变大图文相册特效

    一款jQuery九宫格图片拉伸变大图文相册特效下载,该JS图片特效是一款鼠标经过图片滑动手风琴放大图片切换JS代码。……
    2016-05-22
  • jQuery鼠标拖动滑块选择价格网页特效

    jQuery鼠标拖动滑块选择价格网页特效

    一款jQuery鼠标拖动滑块选择价格网页特效下载,该JS代码素材是一款基于jQuery+CSS3实现的鼠标拖动滑块显示商品价格代码。……
    2016-05-22
  • SVG轻量级JS圆形进度条代码

    SVG轻量级JS圆形进度条代码

    一款SVG轻量级JS圆形进度条代码下载,该SVG代码是一款基于HTML5+SVG实现的圆形动画进度条circles.min.js插件。……
    2016-05-22
  • jQuery滚动视觉动画jInvertScroll.js插件动画

    jQuery滚动视觉动画jInvertScroll.js插件动画

    jInvertScroll 是一个操纵默认滚动行为和强制水平滚动的jQuery插件.它通过onScroll回调函数简化了视察效果的创建,我们可以在onScroll回调函数中 为任意元素增加动画效果。……
    2016-05-22
  • jQuery图像裁剪Jcrop.js插件

    jQuery图像裁剪Jcrop.js插件

    一款jQuery图像裁剪Jcrop.js插件免费下载,Jcrop是一个功能强大的jQuery图像裁剪插件,结合后端程序(例如:PHP)可以快速的实现图片裁剪的功能。……
    2016-05-22
  • jQuery鼠标滑过图片遮罩动画sliphover.js插件

    jQuery鼠标滑过图片遮罩动画sliphover.js插件

    一款jQuery鼠标滑过图片遮罩显示特效下载,该jquery.sliphover.min.js插件是遮罩层随鼠标移动方向动画显示内容特效代码。……
    2016-05-22
  • jquery.quickflip.js制作图片翻转翻牌特效插件

    jquery.quickflip.js制作图片翻转翻牌特效插件

    一款jquery.quickflip.js制作图片翻转翻牌特效插件网页特效,点击图片实现动画翻转切换效果,类似CSS3属性transform实现翻转,兼容IE7等低端浏览器。……
    2016-05-22



最新更新特效

设计分享