100分,谁可以实现这个效时

FLASH用脚本写这样一个就可以了

使用全部是javascript+CSS滤镜不兼容的

<HTML xmlns:v>
<HEAD>
<META http-equiv=Content-Type content=text/html;charset=gb2312>
<TITLE>旋转功能的物件画</TITLE>
<META name=Gemeratpr content=Vml画板(FYMVml)3.0><STYLE>
v\:*{behavior:url(#default#VML);}
</STYLE>
</HEAD>
<BODY bgcolor=#000000>
<script>
//本函数为所有使用旋转功能的物件更新视图
function window.onload(){try{for(i=0;i<xuanzhuan.length;i++)xuanzhuan[i].Rotation=xuanzhuan[i].xuanzhuanstr;xuanzhuan.Rotation=xuanzhuan.xuanzhuanstr}catch(e){}}</script>
<?xml:namespace prefix = v /><v:Image id=xuanzhuan style="Z-INDEX: 1001; LEFT: 290px; WIDTH: 96px; POSITION: absolute; TOP: 123px; HEIGHT: 156px" xuanzhuanstr="500" src = "D:\My Documents\chuanyi\html\tutu20.gif" coordsize = "21600,21600"></v:Image><v:Image style="Z-INDEX: 1001; LEFT: 435px; WIDTH: 96px; POSITION: absolute; TOP: 244px; HEIGHT: 156px" src = "D:\My Documents\chuanyi\html\tutu20.gif" coordsize = "21600,21600"></v:Image><v:Image id=xuanzhuan style="Z-INDEX: 1001; LEFT: 601px; WIDTH: 96px; POSITION: absolute; TOP: 111px; HEIGHT: 156px" xuanzhuanstr="581.5" src = "D:\My Documents\chuanyi\html\tutu20.gif" coordsize = "21600,21600"></v:Image><v:Image id=xuanzhuan style="Z-INDEX: 1001; LEFT: 286px; WIDTH: 96px; POSITION: absolute; TOP: 396px; HEIGHT: 156px" xuanzhuanstr="410.5" src = "D:\My Documents\chuanyi\html\tutu20.gif" coordsize = "21600,21600"></v:Image><v:Image id=xuanzhuan style="Z-INDEX: 1001; LEFT: 586px; WIDTH: 96px; POSITION: absolute; TOP: 402px; HEIGHT: 156px" xuanzhuanstr="672.5" src = "D:\My Documents\chuanyi\html\tutu20.gif" coordsize = "21600,21600"></v:Image>
</BODY>
</HTML>要不就用这个VML

<HTML xmlns:v>
<HEAD>
<META http-equiv=Content-Type content=text/html;charset=gb2312>
<TITLE>旋转</TITLE>
<META name=Gemeratpr content=Vml旋转><STYLE>
v\:*{behavior:url(#default#VML);}
</STYLE>
</HEAD>
<BODY bgcolor=#000000>
<DIV style="position:relative; top:0px; left:0px; width:500px; height:350px;overflow: hidden"> <?import namespace = v urn = "urn:schemas-microsoft-com:vml" implementation = "#default#VML" declareNamespace />
<v:image id=wo style="POSITION: absolute; LEFT: 160px; TOP: 80px; WIDTH: 200px; HEIGHT: 200px;" src = "http://www.chinmo.net/ad/images/jy.jpg" coordsize = "21600,21600">
</v:image> <?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace />
<t:animate attributeName = "rotation" from = "-360" targetElement = "wo" to = "0" accelerate = "0" begin = "0" dur = "16" fill = "hold" repeatCount = "indefinite">
</t:animate> </DIV>
</BODY>
</HTML>这个是自动旋转的

......他要的是动态传参数的，给图片你那只是做固定的，做固定的FLASH也好做

我看了下这个Flash，参数控制只是物件实例，
那样的话，可以根据不同的物件图片集来实现嘛。

YH_Random 你==一下我现在在整理图片...如果可以的话,,,我再加100分

YH_Random
图片在http://www.020www.com/shoes/index.asp
先谢谢你了

<html>
<head>
<style type="text/css">
#box
{
position:absolute;
}

div
{
FILTER:alpha(opacity=0);
}

</style>
<script type="text/javascript"> window.attachEvent("onload",initialize); function initStyle()
{
$("box").style.width="487px";
$("box").style.height="422px";
$("box").style.borderStyle="solid";
$("box").style.borderWidth="1px";
$("box").style.top="100px";
$("box").style.left="100px";
}; function $(id)
{
return document.getElementById(id);
};

var oImage=new Array();

var shoes={};
shoes.currentId=1;
shoes.previousId=1;
shoes.changeTimeoutId=0;
shoes.isMove=true;
shoes.loadValue=0; function initialize()
{
initStyle();
var picCount=20;
var divWidth=parseInt($("box").style.width)/picCount;
var oDiv=new Array();

for(var i=0;i<picCount;i++)
{
oDiv[i]=document.createElement("div");
oDiv[i].id=i+1;
oDiv[i].onmousemove=changeShoes;
oDiv[i].style.width=divWidth+"px";
oDiv[i].style.height=$("box").style.height;
oDiv[i].style.position="absolute";
oDiv[i].style.zIndex="100";
oDiv[i].style.top=$("box").style.top;
oDiv[i].style.left=parseInt($("box").style.left)+i*divWidth+1+"px";
oDiv[i].style.backgroundColor="#eeeeee";

oImage[i]=document.createElement("image");
//oImage[i].src="images/shoes/"+String(i+1)+".jpg";
oImage[i].src="http://www.020www.com/shoes/"+String(i+1)+".jpg";
oImage[i].style.width=$("box").style.width;
oImage[i].style.height=$("box").style.height;
oImage[i].style.top=$("box").style.top;
oImage[i].style.left=$("box").style.left;
oImage[i].style.position="absolute";
oImage[i].style.display="none";
oImage[i].onload=updateLoadValue;

document.body.appendChild(oDiv[i]);
document.body.appendChild(oImage[i]);
}
};

function updateLoadValue()
{
shoes.loadValue++;
if(shoes.loadValue==20)
{
oImage[0].style.display="block";
$("loading").style.display="none";
}
}

function changeShoes()
{
window.clearInterval(shoes.changeTimeoutId);
shoes.currentId=this.id;
shoes.changeTimeoutId=window.setInterval(function(){doChange(this)},50); };
function doChange(currentDiv)
{

if(shoes.previousId!=shoes.currentId)
{
oImage[shoes.previousId-1].style.display="none";
shoes.previousId+=shoes.currentId>shoes.previousId?1:-1;
oImage[shoes.previousId-1].style.display="block";
}
else
{
window.clearInterval(shoes.changeTimeoutId);
}
};

</script>
</head>
<body>
<span id="loading">Loading...</span>
<div id="box">
</div>
</body>
</html>

把这句 shoes.changeTimeoutId=window.setInterval(function(){doChange(this)},50);改成 shoes.changeTimeoutId=window.setInterval(function(){doChange(this)},10);要流畅点

http://www.tryjs.cn/news_more.asp?id=43
看看这种效果
JS代码做这种3D旋转效果代码多得是

这个不是矢量图。
就是一组图片，各个角度都要有。不管你是三维的还是实物照片，不可能靠代码把正面变成背面哦。那flash旋转也是有定格的，无非帧数比你多貌似有过度效果。
准备一个实物的20张照片，编号0-19，然后取鼠标相对水平位置，分割20份，调相应照片就可以咯~

哈哈,,,我还是觉的YH_Random的程序比较适全我........

网上确实有很多例子，不过这个是我自己一行行代码写的哈
也许有点粗糙如果你还有其它的图片组，就可以传不同的“images/文件夹名称”作为参数，来实现不动的实例的展示。

看的出是人工写的javascript,,
你javascript这么好,,,可以看出你的ajax的技术也不会差...真是javascript高手,,
哈哈,,昨天说加100分,,现在就给你加去,

调试易

100分,谁可以实现这个效时

解决方案 »