最近在做一个项目,要用到之前比较流行的瀑布流布局,网上搜了一下,发现没有比较合适的插件可用(项目紧急,喜欢用现成的),不得不自己写一个,也可能是因为需要结合后台来实现的,所以很难写出一个通用的插件给大家用(json格式,html结构都不一样)。 偶尔在网上看到的有关瀑布流的文章(更新 ...
mass Framework的瀑布流UI控件,比上一版强大多了,从项目代码中抽取出来的东西,实用性满点。 瀑布流通常分为三部分,容器,栏栅,砖块。砖头里面基本上都塞着一张大图,本来瀑布流就是以图片来吸引眼球的。网上绝对大多数瀑布流都是通过绝对定位来设置砖头的位置,但这也非常依赖于后端的支持,除去图片的裁剪不说,一定要把图片的大小预先给出来,然后前端要通过复杂的计算求得它在瀑布的top与left。万 ...
2012-03-15 09:10 9 5716 推荐指数:
最近在做一个项目,要用到之前比较流行的瀑布流布局,网上搜了一下,发现没有比较合适的插件可用(项目紧急,喜欢用现成的),不得不自己写一个,也可能是因为需要结合后台来实现的,所以很难写出一个通用的插件给大家用(json格式,html结构都不一样)。 偶尔在网上看到的有关瀑布流的文章(更新 ...
如果浏览器支持CSS3 transform 3D的话,我们可以玩许多东西,比如flip,即电子书软件的那种翻页效果。不过,像transform3D的高级东西,不是一般浏览器能玩转,更别提IE9了。因此这时轮到JS出马了。jQuery上素以插件多出名,在上面找了几个相关插件研究一翻,搞出 ...
最近都忙着写这个插件,用它来统合跑马灯(marquee),轮播(carousel),风手琴(accordion), 切换卡(tabs), slide(幻灯片)这五种控件。 下面是它们的一些描述: 跑马灯没有触发点(trigger),而显示内容通常是一行行文字或扁平状的图片,自动往上往下 ...
今天为大家带来mass Framework的分页插件,非常小巧,不到100行。 参数: duration 必需。Number。一共有多少个需要进行分页的物件(如贴子,图片什么)。 hash 可选。Object。配置对象。 返回值 ...
经心思熟虑,发明一种更好的HTML结构,在实现上比原来好太多了。下面是其思路。 首先是结构层,HTML部分: <ul id="first_tabs" class="mass_tabs"> <li class="section ...
这个插件一再延期,花了我几周的时间,参考了不少实现,终于实现得比jQuery ui的draggable还强大。之所以说它强大,是因为支持多点拖动(同时能拖动多个方块),并支持事件代理方式监听以后可能出现的拖动块。 请等博客左上角的FLASH时钟动画出现后才进行拖动。你可以一个个拖动 ...
由于基础库已大体完成,从今天隔三差四就开发一个插件出来。今天给大家介绍的placeholder插件。由于jQuery已有几个这样的插件,下回来研究一下,很快就搞出自己的插件。 目前jQuery中最好的jQuery当属 danielstocks的jQuery-Placeholder ...
最近用vue做项目,用到了瀑布流vue-waterfall,其中遇到高度的设置问题,大概介绍下,希望可以帮到一些人 1、安装 npm install --save vue-waterfall 2、引入 ES6 * in xxx.vue */ import ...