网页图片旋转的网页特效代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>

tt

</title>

<style type="text/css">

body{background:black}

#p1{position:absolute;height:75px;top:200px;}

</style>

<script type="text/javascript">

var left=200;

var img=document.getElementById('p1');

var imgWidth=286;

var pi=Math.PI;

var x=0,temp=0;

function init(){

document.getElementById('p1').style.left=left+'px';

var set=setInterval('goOn()',40);

}

function goOn(){

temp=Math.cos(x);

document.getElementById('p1').style.width=Math.abs(imgWidth*temp)+'px';

document.getElementById('p1').style.left=(left+(imgWidth-Math.abs(imgWidth*temp/2)))+'px';

if(temp<0){

document.getElementById('p1').style.filter='FlipH(enabled:true)';

}else{

document.getElementById('p1').style.filter='FlipH(enabled:false)';

}

x+=pi/90;

}

</script>

</head>

<body >

<div id="imground">

<img id="p1" src=/teixiao/UploadFiles_4612/200907/20090731103036423.gif alt="网页吧"/>

</div>

<script type="text/javascript">init();</script>

</body>

</html>

 

魅力中国杂志投稿:www.mlzgzz.net

你可能感兴趣的:(网页图片旋转的网页特效代码)