未来之歌

今天一于要抛开挂牵,莫回头、要看透、再奋斗,挫折与得失都化做力量 ~

通过JS代码旋转div

通常在CSS中,旋转一个div可由下面几行代码实现,旋转7度:

div
{
    transform:rotate(7deg);
    -ms-transform:rotate(7deg);     /* IE 9 */
    -moz-transform:rotate(7deg);    /* Firefox */
    -webkit-transform:rotate(7deg); /* Safari 和 Chrome */
    -o-transform:rotate(7deg);  /* Opera */
}

JS代码要灵活控制div也有着相关的接口的,如下代码:

div.style.webkitTransform = 'rotate(7deg)';
div.style.mozTransform = 'rotate(7deg)';
div.style.msTransform = 'rotate(7deg)';
div.style.oTransform = 'rotate(7deg)';
div.style.transform = 'rotate(7deg)';
阅读更多
版权声明:个人学习之路,若有误,欢迎指正。其中一些博文被证明有错误的地方,最近比较忙,没时间更正,谨慎参考!! https://blog.csdn.net/y396397735/article/details/80343931
个人分类: JavaScript
想对作者说点什么? 我来说一句

页面加载 带旋转特效的js代码

2011年05月19日 5.88MB 下载

没有更多推荐了,返回首页

不良信息举报

通过JS代码旋转div

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭