添加到百度首页
添加收藏 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>
相关特效
  • HTML5+CSS3响应式酷炫图片封面动画展示特效

    HTML5+CSS3响应式酷炫图片封面动画展示特效

    一款HTML5+CSS3酷炫图片封面动画展示特效下载,该特效基于HTML5+CSS3实现,根据不同的样式显示动画效果。适用于响应式网站制作。……
    2016-12-01
  • 将网页内容导出Word文档jQuery插件

    将网页内容导出Word文档jQuery插件

    一款将网页内容导出Word文档jQuery插件免费下载,该jquery.wordexport.js是一款将网页制定标签容器中的文本内容生成并导出word文档插件。……
    2016-09-04
  • SVG酷炫响应式图片翻页切换特效

    SVG酷炫响应式图片翻页切换特效

    一款酷炫响应式图片翻页切换特效源码下载、该特效基于HTML5+SVG制作,兼容PC端、Pad端、移动端图文相册展示。……
    2016-08-16
  • jQuery判断鼠标划入图片方向显示遮罩层特效

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

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

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

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

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

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

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

    一款纯CSS3打造动感鼠标悬停显示文字特效下载,该网页特效基于CSS3动画属性制作,鼠标悬停或滑过图片上动画显示文字描述特效。……
    2016-06-25
  • HTML5+CSS3制作炫酷运动模糊和倾斜图片特效

    HTML5+CSS3制作炫酷运动模糊和倾斜图片特效

    一款HTML5+CSS3制作炫酷运动模糊和倾斜图片特效下载,该HTML5+CSS3网页特效是一款效果非常炫酷的图片在鼠标滑过时,图片产生轻微的运动模糊效果,并且图片在3D空间中会轻微的倾斜旋转,效果……
    2016-06-25
  • xGallerify-响应式jQuery图片画廊插件

    xGallerify-响应式jQuery图片画廊插件

    xGallerify是一款轻量级响应式jQuery图片画廊插件,该图片特效插件会根据图片的尺寸智能生成网格布局,并且可以动态的添加图片。它具有响应式,易于实现等特点。……
    2016-06-24
  • jQuery支持鼠标滚轮缩放以及点击按钮缩放图片插件

    jQuery支持鼠标滚轮缩放以及点击按钮缩放图片插件

    一款jQuery支持鼠标滚轮缩放以及点击按钮缩放图片插件下载,该网页特效基于e-smart-zoom-jquery.min.js制作,实现地图模式查看图片特效。……
    2016-06-24


最新更新特效

设计分享

web前端视频教程