这么多个图片的位置和角度 是不是可以用js写会简单一点呢
这么多个图片的位置和角度 是不是可以用js写会简单一点呢
这么多个图片的位置和角度 是不是可以用js写会简单一点呢
2016-06-20
……
img:hover{
-webkit-transform: rotate(0deg) !important;
-moz-transform: rotate(0deg) !important;
transform: rotate(0deg) !important;
-webkit-transform:scale(1.2)!important;
-moz-transform: scale(1.2)!important;
transform:scale(1.2)!important;
box-shadow: 10px 10px 15px #ccc !important;
z-index: 100 !important;
}
</style>
<script type="text/javascript">
window.onload = function(){
var con = document.getElementById("container");
var imags=document.getElementsByTagName("img");
for (var i = 0; i < imags.length; i++) {
imags[i].style.transform= "rotate("+ Math.floor(Math.random()*45) + "deg)";
imags[i].style.top=Math.floor(Math.random()*con.clientHeight*0.8)+"px";
imags[i].style.left=Math.floor(Math.random()*con.clientWidth*0.8)+"px";
}
}
</script>
举报