您的位置:首页 > Web前端 > JavaScript

Extjs4.07 桌面图标换行

2012-12-14 08:30 232 查看
setInterval(function(){
//shortcuts 自动换行
var height = $(window).height() - 30; //获取浏览器当前窗口可视区域高度 (减去底部任务栏高度)
var line = 1;
var row = 0;
var defaults = {
num : parseInt((height - 10) / 90), //最大列
space : 90, //图标间距
position : 15, //边缘距离
shortcut : $('.ux-desktop-shortcut') //桌面的图标
};
defaults.shortcut.each(function (index, domEle) {
if (index >= defaults.num * line) {
line++;
row = 0;
}
//alert("第" + line + "列;第" + (row + 1) + "行;" + this + "当前对象索引" + index);
$(domEle).css("left", ((line - 1) * defaults.space + defaults.position) + "px");
$(domEle).css("top", defaults.position + (defaults.space * row) + "px");
$(domEle).css('position', 'absolute');
row++;
});
},500);


放到项目首页 每隔0.5秒自动换行。。 前提是要引入jquery 框架

当然如果不喜欢这样

可以使用Ext.query()选择器代替 $符号
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: