JS 如何改变DIV的角度 就是让div倾斜的意思 出了用PS之外一切可实现的方法都行 有那么大神知道怎么说嘛？
5个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div id="d_bx" style="position:absolute;left:320px;top:240px;width:150px;height:50px;border:1px solid #0000ff;">
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" />
</div>
<script type="text/javascript">
var isIE=/msie/i.test(navigator.userAgent) && !window.opera;
var O_bx=G('d_bx');
var bx_R=G_R(O_bx);
var R_jd=0;
var R_tim=setInterval(R_ote, 50);
function G(t){return document.getElementById(t);}
function R_ote(){
R_jd+=10; if(R_jd>360){R_jd-=360;}
if(isIE){R_otie(R_jd);}else{O_bx.style[bx_R]='rotate('+R_jd+'deg)';}
}
function R_otie(d_j){
var d_h=d_j * Math.PI / 180;
var m_c=Math.cos(d_h), m_s=Math.sin(d_h);
O_bx.style.filter='progid:DXImageTransform.Microsoft.Matrix(M11='+m_c+',M12='+(-m_s)+',M21='+m_s+',M22='+m_c+',SizingMethod="auto expand")';
}
function G_R(t_o){
var t_O=t_o.style;
if(t_O.webkitTransform !== undefined){//Chrome Safari
return 'webkitTransform';
}else if(t_O.MozTransform !== undefined){//Mozilla
return 'MozTransform';
}else if(t_O.OTransform !== undefined){//Opera
return 'OTransform';
}else{
return 'transform';
}
}
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div id="d_bx" style="position:absolute;left:320px;top:240px;width:150px;height:50px;border:1px solid #0000ff;">
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" />
</div>
<script type="text/javascript">
var isIE=/msie/i.test(navigator.userAgent) && !window.opera;
var O_bx=G('d_bx');
var bx_R=G_R(O_bx);
var R_jd=0;
var R_tim=setInterval(R_ote, 50);
function G(t){return document.getElementById(t);}
function R_ote(){
R_jd+=10; if(R_jd>360){R_jd-=360;}
if(isIE){R_otie(R_jd);}else{O_bx.style[bx_R]='rotate('+R_jd+'deg)';}
}
function R_otie(d_j){
var d_h=d_j * Math.PI / 180;
var m_c=Math.cos(d_h), m_s=Math.sin(d_h);
O_bx.style.filter='progid:DXImageTransform.Microsoft.Matrix(M11='+m_c+',M12='+(-m_s)+',M21='+m_s+',M22='+m_c+',SizingMethod="auto expand")';
}
function G_R(t_o){
var t_O=t_o.style;
if(t_O.webkitTransform !== undefined){//Chrome Safari
return 'webkitTransform';
}else if(t_O.MozTransform !== undefined){//Mozilla
return 'MozTransform';
}else if(t_O.OTransform !== undefined){//Opera
return 'OTransform';
}else{
return 'transform';
}
}
</script>
</body>
</html>
更多追问追答
追问
能大致的讲解一下嘛
追答
先是初始化一些变量，只是演示用，实际用还需要处理好这些变量。
然后，用一个定时器反复执行一个函数。
注意，IE和其它浏览器的旋转是不一样的，所以有两个不同的函数去实现旋转。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
滤镜滤镜用CSS的滤镜看看 找找有没有旋转的滤镜吧。。。实在不行看看CSS 3有木有支持旋转的应该有。。。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
JS的话 好像 不可能 CSS3的话 可以 但支持的浏览器 有限 所以 还是老实点 用PS处理下吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
楼上的两位说得对，老老实实地PS切图吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
还是背景图快点
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
