用Javascript使网页图片产生旋转效果-javascript-IT落伍者

Rotation滤镜可以使图片产生旋转效果注意必须是IE及IE才能看到！

<html>

<head>

<style>

body img{border: gold ridge}

</style>

//给图片加上边框的CS代码

<title>用Javascript使网页图片产生旋转效果</title>

var i=;

function playImg()

{

imagestylefilter=progid:DXImageTransformMicrosoftBasicImage( Rotation=+i+);

i++;

if (i>)

{i=};

mytimeout=setTimeout(playImg());

}

</script>

//以上是使图片实现四个方向转换的代码

</head>

//修改body为加载就显示效果

</body>

</html>

<html><head><meta http<fp class='fp-dciy0'></fp>equiv=<fp class='fp-amv49'></fp>Content<fp class='fp-f5w9g'></fp>Type<fp class='fp-w9plq'></fp> content=<fp class='fp-amv49'></fp>text/html; charset=gb<fp class='fp-ehg6a'></fp><fp class='fp-n7ug1'></fp><fp class='fp-btu1b'></fp><fp class='fp-iotbu'></fp><fp class='fp-xx6ow'></fp>><style>body img{border:<fp class='fp-n7ug1'></fp> gold ridge}</style> <title>用Javascript使网页图片产生旋转效果</title><script language=<fp class='fp-xx6ow'></fp>javascript<fp class='fp-mjedv'></fp>>var i=<fp class='fp-hok65'></fp>;function playImg(){image<fp class='fp-dtz44'></fp>style<fp class='fp-jc9e0'></fp>filter=<fp class='fp-w9plq'></fp>progid:DXImageTransform<fp class='fp-koyen'></fp>Microsoft<fp class='fp-gcw6i'></fp>BasicImage( Rotation=<fp class='fp-mjedv'></fp>+i+<fp class='fp-mjedv'></fp>)<fp class='fp-xx6ow'></fp>;i++;if (i><fp class='fp-fof3c'></fp>){i=<fp class='fp-t2lmv'></fp>}; mytimeout=setTimeout(<fp class='fp-w9plq'></fp>playImg()<fp class='fp-xx6ow'></fp><fp class='fp-kvp60'></fp><fp class='fp-ywetk'></fp><fp class='fp-1rrrx'></fp><fp class='fp-7y9ya'></fp><fp class='fp-ylmr2'></fp>); }</script></head> <body bgcolor=<fp class='fp-w9plq'></fp>#FFFFFF<fp class='fp-xx6ow'></fp> text=<fp class='fp-xx6ow'></fp>#<fp class='fp-ylmr2'></fp><fp class='fp-4gdww'></fp><fp class='fp-4gdww'></fp><fp class='fp-4gdww'></fp><fp class='fp-hok65'></fp><fp class='fp-ylmr2'></fp><fp class='fp-amv49'></fp> onload=<fp class='fp-w9plq'></fp>playImg()<fp class='fp-xx6ow'></fp>><img src=<fp class='fp-xx6ow'></fp>/img/<fp class='fp-ehg6a'></fp><fp class='fp-ylmr2'></fp><fp class='fp-4gdww'></fp><fp class='fp-fof3c'></fp><fp class='fp-7y9ya'></fp><fp class='fp-uq1o1'></fp><fp class='fp-n7ug1'></fp><fp class='fp-hok65'></fp><fp class='fp-ywetk'></fp><fp class='fp-gcw6i'></fp>jpg<fp class='fp-amv49'></fp> width=<fp class='fp-xx6ow'></fp><fp class='fp-btu1b'></fp><fp class='fp-h0c8o'></fp><fp class='fp-4gdww'></fp><fp class='fp-w9plq'></fp> height=<fp class='fp-amv49'></fp><fp class='fp-ywetk'></fp><fp class='fp-ehg6a'></fp><fp class='fp-ylmr2'></fp><fp class='fp-mjedv'></fp> name=<fp class='fp-amv49'></fp>image<fp class='fp-mjedv'></fp>></body></body></html>

[Ctrl+A 全部选择提示你可先修改部分代码再按运行]

作者