前台：
getmyval('category',$_get);$xiaohualist=xiaohua::model()->getxiaohao($category); //打开页面默认显示的数据?> id;?> title);?>
content;?>
分享
后台：
public function actionlistxiaohua() { $xiaohualist=xiaohua::model()->getxiaohua();//获取笑话信息 echo cjson::encode($xiaohualist);}
js：
(function($){ var //参数 setting={ column_width:240,//列宽 column_classname:'waterfall_column',//列的类名 column_space:2,//列间距 cell_selector:'.cell',//要排列的砖块的选择器，context为整个外部容器 img_selector:'img',//要加载的图片的选择器 auto_imgheight:true,//是否需要自动计算图片的高度 fadein:true,//是否渐显载入 fadein_speed:600,//渐显速率，单位毫秒 insert_type:1, //单元格插入方式，1为插入最短那列，2为按序轮流插入 getresource:function(index){ } //获取动态资源函数,必须返回一个砖块元素集合,传入参数为加载的次数 }, // waterfall=$.waterfall={},//对外信息对象 $waterfall=null;//容器 waterfall.load_index=0, //加载次数 $.fn.extend({ waterfall:function(opt){ opt=opt||{}; setting=$.extend(setting,opt); $waterfall=waterfall.$waterfall=$(this); waterfall.$columns=creatcolumn(); render($(this).find(setting.cell_selector).detach(),false); //重排已存在元素时强制不渐显 waterfall._scrolltimer2=null; $(window).bind('scroll',function(){ cleartimeout(waterfall._scrolltimer2); waterfall._scrolltimer2=settimeout(onscroll,300); }); waterfall._scrolltimer3=null; $(window).bind('resize',function(){ cleartimeout(waterfall._scrolltimer3); waterfall._scrolltimer3=settimeout(onresize,300); }); } }); function creatcolumn(){//创建列 waterfall.column_num=calculatecolumns();//列数 //循环创建列 var html=''; for(var i=0;i 图片标题 图片标题 正在加载……
如果运行效果无非显示请点击【刷新页面】
【返回首页】【刷新本页】【返回顶部】【关闭本页】