本月博客排行
-
第1名
龙儿筝 -
第2名
lerf -
第3名
fantaxy025025 - johnsmith9th
- zysnba
- xiangjie88
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - wy_19921005
- vipbooks
- benladeng5225
- e_e
- wallimn
- javashop
- ranbuijj
- fantaxy025025
- jickcai
- gengyun12
- zw7534313
- qepwqnp
- 解宜然
- ssydxa219
- zysnba
- sichunli_030
- sam123456gz
- arpenker
- tanling8334
- 龙儿筝
- kaizi1992
- gaojingsong
- xpenxpen
- jh108020
- wiseboyloves
- ganxueyun
- xyuma
- xiangjie88
- wangchen.ily
- Jameslyy
- luxurioust
- lemonhandsome
- mengjichen
- jbosscn
- zxq_2017
- lzyfn123
- nychen2000
- forestqqqq
- wjianwei666
- ajinn
- zhanjia
- Xeden
- hanbaohong
- java-007
- 喧嚣求静
- mwhgJava
- kingwell.leng
最新文章列表
瀑布流效果Demo总结(1)之CSS3实现
1.综述
最近研究了时下流行的瀑布流展示效果。 当前共计尝试的方法及其优缺点如下:
(1)基于JQuery框架及blocksit.min.js实现的瀑布流不连续,每列中多多少少都会有一些位置出现空白。
(2)基于JQuery框架,用匿名函数形式,自编程实现瀑布流
(3)基于CSS3,chrome、火狐、搜狗浏览器显示正常,但IE8、IE10均不能显示瀑布流 只能显示单列照片, ...
PHP+JSON+瀑布流模式+三种风格+无限拖拽方式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml& ...
Waterfall 瀑布流的实际应用-kipling项目
http://docs.kissyui.com/docs/html/demo/component/waterfall/effect.html#waterfall-demo-effect
KISSY.use("waterfall,ajax,gallery/template/1.0/,node", function (S, Waterfall, io, Template, ...
原创模拟MVC单列表绝对定位版瀑布流效果
首先非常感谢网友Adam‘的无私分享,此js特效是他用自己写的js框架Aui-core实现模拟MVC单列表绝对定位版瀑布流。
主要用了3个function:
1、controller
2、view
3、model
这3个方法是面向对象编程的MVC模式,有兴趣的网友认真看一下哦,对大家的学习会有帮助的啦。。。
唯一不足之处就是加载数据的时候一定要部署到服务端才可以看到效 ...
瀑布流展示示例- 带旋转的图文展示 好东西与大家分享 附源码
很流行的瀑布流展示
并且当鼠标悬浮 旋转图片 div
外加很酷的jquery展示......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d ...
瀑布流-KISSY 模板Template
Template
模板, 具备如下特性:
- 模板语法,从 {{#tagName}} 开始,由 {{/tagName}} 结束(如果有结束标签的话).
- 模板变量, {{variable}} .
- 原生支持 if/elseif/else/each/! 四个标签.
- 支持嵌套.
- 容错和调试.
- 性能还不赖.
- 容易扩展.
Usage
Jquery简单瀑布流代码示例. 仿开心网,蘑菇街.
最近很多网站都采用瀑布流风格设计,感觉挺有个性的,比较合适做图片类型的网站,没事仿开心网做一个瀑布流示例。
需要用到Jquery,jquery.masonry.min.js
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x ...
两种常见瀑布流(定位的瀑布流与浮动的瀑布流)
类似蘑菇街,美丽说网站的瀑布流
1.定位的瀑布流:
window.onload = function(){
var aLi = document.getElementsByTagName('li');
var aHeight = {L:[],C:[],R:[]};
for(var i=0;i<aLi.length;i++){
var iNow = i%3;
...