当前位置:首页 > jQuery教程:雅蛙网ajax特效jQuery实现方法(五)

jQuery教程:雅蛙网ajax特效jQuery实现方法(五)

点击次数:1519  更新日期:2011-01-05

目标:页面widget的生成,拖拽及其他操作


1.页面布局的生成
思路:布局即把页面分成几列以及每列的width等,ID为default_columns的div是页面,里面加一个ul即为一列。
进一步思考:要控制ul的width来改变布局,所以将ul的width直接写进来。


目前分4种布局,默认是2,tab的mod属性的第一个数字就代表布局id


布局id 各列对应width
1 50%,50%
2 30%,40%,30%
3 33%,34%,33%
4 25%,25%,25%,25%
 
将上节LoadingTabInfo函数改成


<!–
Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
–>function LoadingTabInfo(tab_li){ //Loading Tab信息 
var mod=tab_li.attr(“mod”);
AddLayout(mod.substr(0,1));
AddModules(mod.substr(1));
LoadingContentExp();
(“#somethingshow”).html(mod); //没意义,纯为了显示页面布局内容,左上角
}