我的图像尺寸相当大,我想用jQuery缩小它们,同时保持比例受限,即相同的宽高比.
有人能指点我一些代码,还是解释逻辑?
我如何将jQuery中的图像调整为一致的宽高比.例如,设置最大高度并正确调整宽度.谢谢.
我有这个小提琴http://jsfiddle.net/JqBZb/193/我希望我的对象仅在按下红色方块时移动,但是当用户释放鼠标时我无法删除 mousemove 操作。在那之后它仍然会移动。
HTML:
<div class="pointer">
<div class="marker"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
.marker {
background:#ED1C24;
height:2px;
right:0;
position:absolute;
top:35px;
width:7px
}
.pointer {
height:72px;
position:absolute;
top:82px;
width:72px;
border:1px solid red;
left:100px;
}
Run Code Online (Sandbox Code Playgroud)
爪哇脚本:
var img = $('.pointer');
var offset = img.offset();
function mouse(evt) {
var center_x = (offset.left) + (img.width() / 2);
var center_y = (offset.top) + (img.height() / 2);
var mouse_x = evt.pageX;
var mouse_y = evt.pageY;
var radians = Math.atan2(mouse_x - center_x, mouse_y - center_y);
var degree = …Run Code Online (Sandbox Code Playgroud) 我现在想要学习很长一段时间的东西,但是还没弄清楚.
http://jsfiddle.net/Mobilpadde/Xt7ag/
然后你移动鼠标,它跟随,这是容易的部分,但我也想旋转,就像总是看向鼠标的方向,但不是那么静态,更像是,如果你移动你的鼠标,它应该有点首先旋转,然后你将鼠标移开更远,它应该再次开始(如果你知道我的意思).
那简单易行,还是3k线?(或者也许是一个jQuery插件?)