mdsk.net
当前位置:首页 >> jquEry点击箭头上下旋转 >>

jquEry点击箭头上下旋转

提供一个思路,第一次点击执行一个语句块,第二次执行第二个语句块,如此循环var i=0;if(i % 0){//语句块}else{//语句块}

用css吧,CSS就行的,例如: 顺时针旋转90度: -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg); transform:rotate(90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);其它度数请

<!DOCTYPE HTML><html><head><meta charset=UTF-8 /><title>这试</title><style>body { margin: 0; padding: 0; font: 12px/1.5 \5b8b\4f53, Arial, sans-serif;}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:

首先你的js代码设计有问题, animate的对象应该是$new而不是$img另外CSS代码也有问题:#new和#img都要加上position:relative;

既然用了toggle,就试一下都用toggle吧,如下:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><title>Document</title><style> body { margin:0; padding:0; }.menu { position: fixed; bottom: 0; left: 0; height: auto; text-

直接改css 不需要animate

需要jQuery插件jquery.rotate.js 配置animateTo就行了click: function () {$(this).rotate({angle: 0,animateTo: 20,duration: 1000,easing: $.easing.backout}),$(this).rotate({angle: 0,animateTo: 80,duration: 1000,easing: $.easing.backout});}

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <style type="text/css"> *{font-size: 12px;} #wrap{width: 100px;margin: 0 auto;position: relative;padding: 20px 0;border:1px solid #

工具:网页调试工具如火狐firebug,还有谷歌自带的前端调试叫什么忘记了,打开网页,F12 进入调试,查看元素 ,鼠标移上去看就知道了,比如你这张图片在这个网页是这样的<img class="ikqb_img" src="https://gss0.baidu.com/-vo3dSag

那是设置问题,你可以到控制面板找找看

相关文档
网站首页 | 网站地图
All rights reserved Powered by www.mdsk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com