<div class="demo">
<div class="column">
<div class="portlet">
<div class="portlet-header">Feeds</div>
<div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
</div>
<div class="portlet">
<div class="portlet-header">News</div>
<div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
</div>
</div>
<div class="column">
<div class="portlet">
<div class="portlet-header">Shopping</div>
<div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
</div>
</div>
<div class="column">
<div class="portlet">
<div class="portlet-header">Links</div>
<div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
</div>
<div class="portlet">
<div class="portlet-header">Images</div>
<div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
</div>
</div>
</div>
js代码:
<mce:script type="text/javascript"><!--
$(function() {
$(".column").sortable({
connectWith: '.column'
});
$(".portlet").addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all")
.find(".portlet-header")
.addClass("ui-widget-header ui-corner-all")
.prepend('<span class="ui-icon-minusthick ui-icon"></span>')
.end()
.find(".portlet-content");
$(".portlet-header .ui-icon").click(function() {
$(this).toggleClass("ui-icon-minusthick").toggleClass("ui-icon-plusthick");
$(this).parents(".portlet:first").find(".portlet-content").toggle();
});
$(".column").disableSelection();
});
// --></mce:script>
下面是保存代码
<mce:script type="text/javascript"><!--
function MadeDiv()
{
if (!$.cookie("dao_list")) {
$.cookie("dao_list", "c1:0@1@2@3@4@|c2:5@6@7@8@9@");
}
var list = $.cookie("dao_list");
var arrColumn = list.split('|');
$.each(arrColumn, function(m, n) {
var elemId = n.split(':')[0];
var arrRow = n.split(':')[1] ? n.split(':')[1].split('@') : "";
$.each(arrRow, function(m, n) {
if (n) {
$("#" + elemId).append($("#dao_hang" + n).attr('id', n))
}
});
})
$(".column").sortable({
connectWith: '.column',
handle:'.portlet-header',
cursor: 'move',
stop:saveLayout
});
$(".portlet").addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all")
.find(".portlet-header")
.addClass("ui-widget-header ui-corner-all")
.prepend('<span class="ui-icon ui-icon-closethick" title=\"点击删除导航\"></span>')
.end()
.find(".portlet-content");
$(".portlet-header .ui-icon").click(function() {
var this_box=$(this).parent().parent().closest("div").remove();
saveLayout();
});
$(".column").disableSelection();
$( ".column" ).sortable( { forcePlaceholderSize: true } );
}
function saveLayout() {
var list = "";
$.each($(".column"), function(m) {
list += $(this).attr('id') + ":";
$.each($(this).children(".portlet"), function(d) {
list += $(this).attr('id') + "@";
})
list += "|";
})
$.cookie("dao_list",list, {expires: 300});
}
function moren()
{
$.cookie("dao_list","c1:0@1@2@3@4@|c2:5@6@7@8@9@", {expires: 300});
window.location.reload();
}
分享到:
相关推荐
jquery cookie.js 官方下载,一款优秀的 jquery 插件,提供了非常轻量级、简单、实用的操作 cookie 的方法,包括读写、删除等操作,jquery cookie 路径,jquery cookie 时间,jquery cookie 有效期,jquery cookie ...
jquery1.4.2.js和jquery.cookie.js 我开始时下载的时候 都要积分在这里 ,现在 弄好了 免费给大家用用 !
jquery.cookie.js,jquery-1.11.0.min.js,respond.min.js, bootstrap.min.js,html5shiv.js
内容包含jquery.cookie.js包,“记住密码”功能使用cookie包的具体代码实现
jQuery操作cookie的插件,大概的使用方法如下$.cookie('the_cookie'); //读取Cookie值$.cookie(’the_cookie’, ‘the_value’); //设置cookie的值$.cookie(’the_cookie’, ‘the_value’, {expires ‘/’, domain ...
最新的JQUERY.COOKIE.MIN.JS
Cookie是由服务器端生成,发送给User-Agent(一般是浏览器),浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给服务器(前提是浏览器设置为启用cookie)。 例如购物...
jquery 设置cookie、删除cookie、获取cookie
内含jquery管理cookie的js和管理form的js,直接在jsp页面引用,方便对cookie的操作。以及包含form.js。
$.cookie('the_cookie'); // 获得cookie ...$.cookie(’the_cookie’, ‘the_value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true});//新建一个cookie 包括有效期 路径 域名等
jQuery的Cookie插件 cookies cookies 是一个强大的 jQuery 用来操作 Cookie 的插件。除了常见的操作 $.cookies.set( 'sessid', 'dh3tr62fghe' ); var sessid = $.cookies.get( 'sessid' ); $.cookies.del( 'sessid...
含下述资源: jquery-1.8.2.js jquery-1.8.2.min.js jquery-1.8.2-vsdoc.js jquery.cookie.js jquery1.8.2.chm
jQuery cookie保存背景颜色、字体颜色和字体大小
jquery cookie实现保存密码