求助高手在Dreamweaver中怎么做焦点图

1、焦点图分为多种

1234 切换的那种  小点点切换的那种  左右切换的那种

如下图：

好多种类型的  ，今天给你写一下最简单的 1234 的 焦点图切换。。

2、首先电脑上 ps处理好 470PX * 150px的图片三四张（为了方便观看效果最好三张以上）

处理完成后 如下图 放在同一个文件夹中

3、电脑上安装好 Dreamweaver 软件  编写代码的。

我这里用的 DW cs5.5

4、打开后开始编写代码

我的代码如下：

move2.js在这里面

function getStyle(obj,name)

      {

 if(obj.currentStyle)

   {

return obj.currentStyle[name]; //IE

}

else 

{

return getComputedStyle(obj,false)[name]; //火狐和Chrome

}

 }

function startMove(obj,json,fnEnd)

{

clearInterval(obj.timer);

obj.timer=setInterval(function() {

  var bstop=true;

  for(var attr in json)

  {

//var cur=parseInt(getStyle(obj,attr)); //取整数，取非数字（例如字母）前的整数

var cur=0

if (attr=='opacity') //判断是不是透明度？ 如果是则特殊处理一下。

{

cur=Math.round(parseFloat(getStyle(obj,attr))*100);

}

else

{

cur=parseInt(getStyle(obj,attr)); //取整数，取非数字（例如字母）前 

}

var speed=(json[attr]-cur)/10;

speed=speed>0?Math.ceil(speed):Math.floor(speed);

if(cur!=json[attr])

  bstop=false;

if (attr=='opacity')

{

   obj.style.filter='alpha(opacity:'+(cur+speed)+')'; //cur+speed本身就是数字，不能加在''之间。

obj.style.opacity=(cur+speed)/100;

}

else

{

obj.style[attr]=cur+speed+'px'; 

}  

  }

 if(bstop)

    {

    clearInterval(obj.timer);

if(fnEnd) fnEnd();

    }

},30)

}

5、代码结束  不要忘了引入js包奥。。

然后保存你的代码就可以了  随时写代码 随时保存奥

我的 文件夹这样排列的

6、最后实现的效果就是

12345 图片切换

淘宝不支持JS或是其他FLASH代码的.只能支持存HTML.建议你最好在FIREWORD把他做成GIF动画图片就行了.

就是flash啦 楼主你需要一个.swf 的文件
和代码
楼主你也可以改成直接用div层来做 这样比较简单