台灣最大程式設計社群網站
線上人數
1466
 
會員總數:241342
討論主題:186910
歡迎您免費加入會員
討論區列表 >> AJAX / JSON / jQuery >> (新手)可拖動的DIV ,點下拖動時,被選div整個等比縮小(連字),放開回復
[ 變換順序 ]  
[我要回覆]
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
(新手)可拖動的DIV ,點下拖動時,被選div整個等比縮小(連字),放開回復
價值 : 50 QP  點閱數:676 回應數:0

樓主

sophie
門外漢
0 2
10 0
發送站內信

新手麻煩大家幫幫忙
要寫一個可拖動的DIV ,點下拖動時,被選div整個等比縮小(連字),放開回復
檔案:https://drive.google.com/folderview?id=0BxfabOa4HPPxfjJnWE5ycDhjZXZaSjE0eFJNUDB2aHktX0hKQk5nOTFmOU1UVGJKbC1OdHc&usp=sharing




$(document).ready(
function()
{

/* 點下拖div ,被選div整個縮小(連字),放開回復
$( this ).click(function()
{
$( "div.portlet" ).animate({height:"-20%"});
return false;
}
);

or???

$( this ).sortable( function()
{
$( "div.portlet" ).animate({ height:'10%'},"slow");
});
});
*/


$('a.toggle').click(function()
{
$(this).parent('div').next('div').toggle();
return false;

}
);


$('a#all_invert').click(function()
{
$('div.portlet_content').toggle();
return false;

}
);


$('a#all_expand').click(function()
{
$('div.portlet_content:hidden').show();
return false;
}
);

$('a#all_collapse').click(function()
{
$('div.portlet_content:visible').hide();
return false;
}
);

$('a#all_open').click(function()
{
$('div.portlet:hidden').show();
$('a#all_open:visible').hide();
$('a#all_close:hidden').show();
return false;
}
);

$('a#all_close').click(function()
{
$('div.portlet:visible').hide();
$('a#all_close:visible').hide();
$('a#all_open:hidden').show();
return false;
}
);

$('#columns td').Sortable(
{
accept: 'portlet',
helperclass: 'sort_placeholder',
opacity: 0.5,
tolerance: 'intersect'


}
);
}
);

搜尋相關Tags的文章: [ 拖動 DIV 縮小 ] ,
本篇文章發表於2015-08-03 11:00
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
目前尚無任何回覆
[ 變換順序 ]   

回覆
如要回應,請先登入.