插件描述: 可拖拽和删除jQuery网格布局插件jQuery Gridly,基于jQuery插件实现,拖拽和删除自动计算宽度和高度, 拖拽可交互网格位置,删除自动补位,点击网格自动放大自动重新布局,效果是非常不错的,推荐使用。

使用方法: 1.加载插件和jQuery
<script src="libs/jquery/2.0.2/jquery.min.js" type="text/javascript"></script><script src="javascript/jquery.gridly.js" type="text/javascript"></script><link href="stylesheets/jquery.gridly.css" rel="stylesheet" type="text/css" />style type="text/css"> .gridly { position: relative; width: 960px; } .brick.small { width: 140px; height: 140px; } .brick.large { width: 300px; height: 300px; }</style>
2.HTML内容
<div class="gridly"> <div class="brick small"></div> <div class="brick small"></div> <div class="brick large"></div> <div class="brick small"></div> <div class="brick small"></div> <div class="brick large"></div></div>
3.函数调用
<script> $('.gridly').gridly({ base: 60, // px gutter: 20, // px columns: 12 });</script>
注意:所有网页特效均为互联网上收集,若有侵权,请告知删除。
关键词: jQuery网格布局jQuery网格特效JS网格布局
© 版权声明
【站长推荐】购买会员可免费下载全站资源。【提示】本站只提供资源,不提供技术支持,介意勿下!!【公告】没有基础小白不要下载,站长不教!!
本站提供的资源,都来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,我们不保证内容的长久可用性,通过使用本站内容随之而来的风险与本站无关,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如果有侵权之处请第一时间联系我们删除。
本站提供的资源,都来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,我们不保证内容的长久可用性,通过使用本站内容随之而来的风险与本站无关,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如果有侵权之处请第一时间联系我们删除。
THE END







