js旋转div
来源:互联网 发布:钻石皇朝网站源码 编辑:程序博客网 时间:2024/06/06 13:04
var _rotate_deg = 0;//回正 回到0度
var _rotate_angle = 30;//旋转度数 30度
var _rotate_deg_step = 5; //每次旋转角度,能够被_angle整除
var _rotate_duration = 1;//每次旋转时间
var _rotate_count = 0; //初始旋转次数
var _rotate_count_max = 6;//最大旋转次数
var _rotate_timer = null;
var _rotate_stop_time = 0;
var _rotate_stop_max_time = 500; //停止时间3秒
function _rotate_rotate(item) {
if (_rotate_count == _rotate_count_max) {
if (_rotate_deg == 0) {
_rotate_stop_time = _rotate_stop_time + _rotate_duration;
if (_rotate_stop_time == _rotate_stop_max_time) {
_rotate_stop_time = 0;
_rotate_count = 0;
}
return;
}
_rotate_deg = _rotate_deg + _rotate_deg_step;
$("#" + item).css("transform", "rotate(" + _rotate_deg + "deg)");
return;
}
_rotate_deg = _rotate_deg + _rotate_deg_step;
if (_rotate_deg == _rotate_angle || _rotate_deg == -_rotate_angle) {
_rotate_count = _rotate_count + 1;
_rotate_deg_step = -_rotate_deg_step;
}
$("#" + item).css("transform", "rotate(" + _rotate_deg + "deg)");
}
function _rotate_start(item) {
_rotate_timer = setInterval("_rotate_rotate('" + item + "')", _rotate_duration);
}
function _rotate_stop() {
clearInterval(_rotate_timer);
}
阅读全文
1 0
- js旋转div
- Js控制div的旋转和暂停
- JS实现div不停旋转代码
- div旋转
- 实现div旋转
- 使用CSS3旋转DIV
- IE8 div旋转 Matrix
- 旋转 div 元素
- 旋转的div3之div旋转
- CSS3 Transform div层旋转
- DIV旋转的测试代码
- Demo13:div实现太极旋转
- css3控制div无限旋转
- html5制作旋转的div
- 图片旋转处理js
- js 旋转图片
- js 旋转文字
- js 旋转图片
- jquery关于sellect选择框那些操作
- Android res资源目录
- android studio 升级3.0
- WebPack详细入门教程(七)之css和sass的处理
- 鸟哥私房菜服务器架设篇(二):基础网络概念
- js旋转div
- 利用chosen.js插件实现下拉可搜索多选,控制选择个数,选项框复位,修改下拉选项的功能(附代码)
- 深度学习最全优化方法总结比较(SGD,Adagrad,Adadelta,Adam,Adamax,Nadam)
- wireshark控制列
- Oracle 分区表
- Sublime Text3配置SublimeREPL快捷键的方法(Python)
- 加法表
- ADV-168贪吃的大嘴
- 学习笔记TF055:TensorFlow神经网络简单实现一元二次函数