京东自营 618 + 国补 iPhone 历史最低价
JavaScript 滑动条旋转 DIV方向。
JavaScript 滑动条旋转 DIV方向。
实例源码：
源代码：
执行
执行中...
x
1
<html><!DOCTYPE html>2
<html>3
<head>4
<style> 5
#div16
{7
width:120px;8
height:100px;9
background-color:yellow;10
border:1px solid black;11
transform:rotate(7deg);12
-ms-transform:rotate(7deg); /* IE 9 */13
-webkit-transform:rotate(7deg); /* Safari and Chrome */14
}15
</style>16
17
<script>18
function rotate(value)19
{20
document.getElementById('div1').style.webkitTransform="rotate(" + value + "deg)";21
document.getElementById('div1').style.msTransform="rotate(" + value + "deg)";22
document.getElementById('div1').style.MozTransform="rotate(" + value + "deg)";23
document.getElementById('div1').style.OTransform="rotate(" + value + "deg)";24
document.getElementById('div1').style.transform="rotate(" + value + "deg)";25
document.getElementById('span1').innerHTML=value + "deg";26
}27
</script>28
29
</head>30
<body>31
32
<p>旋转下面DIV</p>33
34
<div id="div1">时代Java</div>35
36
滑动: <br>37
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java