Tag: rotation

如何使用jquery在hover时旋转图像？: 我试图在hover时将“回到顶部”按钮旋转360度而不在鼠标上旋转。我已经尝试过多种jQuery代码，但我仍然无法让它工作。这是我到目前为止所处的真实例子（CSS也在图像之间hover）。我已经尝试将jQuery更改为mouseenter ， mouseover ， hover以及包含和省略; rotate数后，无济于事。这是一个简单的jQuery语法错误，我正在制作？ HTML： CSS： .scrollup { width: 45px; height: 45px; display: block; margin-left: auto; position: relative; cursor: pointer; } .scrollup img { position: absolute; } .scrollImg2 { opacity: 0; } .scrollup:hover > .scrollImg1 { opacity: 0; } .scrollup:hover > .scrollImg2 { opacity: 1; } JQuery的： $(“.scrollup”).mouseover(function() { […]

使用jQuery旋转图像OnClick？: 我有这个代码： http ： //jsfiddle.net/Q4PUw/2/ 因此，一个简单的HIDDEN TO VISIBLE jQuery脚本。我想知道怎么做的是在“expand-one”类中有一个图像可以旋转90度，所以图像面朝下而CLASS是可见的，然后一旦它变成隐藏它就会旋转回它的原始图像点。任何人的想法？非常感谢！亚伦

在每个浏览器中使div可旋转: 首先我看到在jQuery中旋转一个Div元素，但它没有给我我希望的解决方案。我有一个带有可拖动div的div。所以在divs sleep中有一个div（bord）和div（class sleep）的图像是缩放到div的100％宽度和高度（保持纵横比）的图像。 div是可resize和可拖动的。我希望图像（div）能够与右上角的处理程序一起旋转，就像在右下角resize一样。目前，在div板中的1个html图像看起来像。可拖动/可resize的项目的Jquery .draggable({stack: “.sleep”, containment: ‘#bord’ }) .resizable ({containment:’#bord’,aspectRatio: true}) .css({position: ‘absolute’}) 我想让它在每个浏览器中都可以旋转。有人能以正确的方式帮助我吗？编辑更清晰的问题：我希望丢弃的div可以在这个网站上旋转： http ： //mydeco.floorplanner.com/rooms/moodboard/ 我正在制作看起来像那个网站的东西：我有可以删除图像的div。在下降后，我希望它们可以与处理程序一起旋转。我已经使div可以resize和可拖动。见上面的代码。但是我没有想法在哪里开始可以转动为什么我发布了这个问题。我没有举例说明我不知道从哪里开始。我做了一个测试页面，我有点唠叨，但它不能正常工作。您可以单击左侧的其中一个图像。然后他们标有白色边框然后点击 Omhoog Rechts Omlaag链接改变方向。但我希望他们转向处理程序而不是按钮。有超过600行代码，其中大多数是php和jquery我试图制作一个小提琴，但它的代码很多。所有jquery都可以在源代码中查看。

使用与IE7 / 8兼容的jquery旋转图像: 我尝试了很多方法/插件，最吸引我的是jquery.rotate 但是，它在Internet Explorer 7和8中不起作用（至少对我而言）（图像刚刚消失）。我的目标是将图像hover并使它们为旋转设置动画，它可以在Safari + Firefox中运行，但不适用于IE。有没有办法实现这一点，并与大多数浏览器和IE 7和8兼容？编辑：最后，事实certificate，jQuery Rotate和Raphaël都可以在IE 7和8中运行！直到今天，我还没有机会在真正的IE上测试它们。我在IE Collection（http://utilu.com/IECollection/）上进行测试，他们肯定不能在那些模拟的IE中工作，真糟糕！

你如何在angularjs中旋转图像: 嗨，我有一个想要旋转的图像。左右两个按钮可将图像以相反方向旋转45度。我尝试使用jquery旋转库创建一个指令，但它不起作用。救命？ directive.js .directive(‘rotate’, function() { return { restrict:’A’, link: function(scope, element, attrs) { console.log(‘hi’); // watch the degrees attribute, and update the UI when it changes scope.$watch(attrs.degrees, function(rotateDegrees) { console.log(rotateDegrees); //transform the css to rotate based on the new rotateDegrees element.rotate(rotateDegrees); }); } } }）; template.html Rotate Left Rotate Right controller.js $scope.rotate= […]

jQuery – CSS – 通过拖动鼠标事件旋转Div: 我正在寻找几天没有真正的结果，也许有人可以帮助我。我的页面上有一个div（可以包含图像，文本区域，其他），它是可拖动的和可resize的（感谢jQuery UI），我想让它“可旋转”，在一个角落拖动手柄并使用css变换（-wekbit-transform，moz-transform）旋转它可能吗？用jQuery或其他Javascript？其实我不关心与IE的兼容性。提前谢谢，问候

jquery为旋转div设置动画: 我想在动画函数中旋转div，例如 $(‘div’).animate({rotate: ’30deg’},1000); 我发现了这个： http://www.zachstronaut.com/posts/2009/08/07/jquery-animate-css-rotate-scale.html 但我想知道是否有更正式的方式来做或至少以不同的方式。谢谢

想要在旋转时显示元素的厚度: 我正在通过CSS将硬币沿Y轴旋转90度。有没有办法让我可以在旋转之后显示硬币的厚度，我想我可以在硬币沿Y轴旋转后缩放，但这似乎不起作用。如果可能，请建议一些方法来做同样的事情。 link_on_js也是如此。请使用webkit浏览器打开链接。 CSS .coin { display: block; background: url(“url-to-image-of-coin.jpg”); background-size: 100% 100%; width: 100px; height: 100px; margin: auto; border-radius: 100%; transition: all 500ms linear; } .flip { transform: rotateY(180deg); } HTML jQuery的 $(‘.coin’).click(function() { $(this).toggleClass(‘flip’); }); 小提琴 http://jsfiddle.net/7EtLu/22/