jquery单击按钮更改div形状
问题描述：
我正在将用户上传的图像显示到div中。有四个方形，风景，肖像和全景形状的按钮。用户可以改变div的形状，并根据自动设置的div形状图像。但我没有找到任何jQuery或与形状相关的任何东西。我想当用户点击方形按钮div形状变化根据此和风景，肖像，全景相同。我不知道如何开始这个。请帮忙。这是代码，我附上了截图。在这个我的图像不是根据高度和宽度切割，并且当我点击square时，它左对齐中心位置。请参阅截图。 $（ “＃方”）。点击（函数（）{jquery单击按钮更改div形状
$(".resize-div").animate({width: 341,height: 341});
});
答
根据您的要求
$(document).ready(function() {
$("#btnSquare").click(function(){
$("#div").width(100).height(100);
});
$("#btnlandscape").click(function(){
$("#div").width(300).height(400);
});
$("#btnportrait").click(function(){
$("#div").width(400).height(300);
});
$("#btnpanoramic").click(function(){
$("#div").width(100).height(100);
});
});
答
你需要使用css方法来改变尺寸div。例如：
var dim;
switch ($(this).data('type')) {
case 'square':
dim = {height: 400, width: 400};
break;
case 'landscape':
dim = {height: 300, width: 400};
break;
case 'portrait':
dim = {height: 400, width: 300};
break;
}
您需要设置高度和按钮DIV的宽度单击 – 2013-04-08 05:30:10
可以请你告诉我在jQuery的任何例子吗？ – user1523311 2013-04-08 05:33:38
以及你问这样的问题之前应该搜索，许多已经给你的问题的答案已经 – 2013-04-08 05:35:26