当前位置:编程学习 > html/css >>

JS 如何改变DIV的角度 就是让div倾斜的意思 出了用PS之外一切可实现的方法都行 有那么大神知道怎么说嘛?

为了避免浪费分 回答好的我一定追加分数
追问:能大致的讲解一下嘛不是 是这样的 到时候要大概的给老师讲解一下怎么实现的所以麻烦你说清楚点例如具体用到什么函数啊之类的我也不太明白他为什么能转动 还有你能是现成单击的时候倾斜一定角度单击别的按钮的时候有变换正常吗?可以的话我追加50分给你 呵呵希望不要嫌少大虾 其实我真的就只想要知道一下原理而已 因为我真的搞不明白为什么DIV可以旋转  是因为这个嘛?这个又是什么东西?滤镜还是?简单的说说就可以了  ;filter:progid:DXImageTransform.Microsoft.Matrix(...
答案:<!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="http://img.zzzyk.com/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>
其他:还是背景图快点 JS的话 好像 不可能  CSS3的话 可以  但支持的浏览器 有限  所以 还是老实点  用PS处理下吧 滤镜滤镜用CSS的滤镜看看 找找有没有旋转的滤镜吧。。。实在不行看看CSS 3有木有支持旋转的应该有。。。。 楼上的两位说得对,老老实实地PS切图吧 

上一个:div 中 使用 onpaste 能干什么用?
下一个:怎么让这两个div同时在页面居中?

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,