高分求解，这样效果的JS或FLASH，给个思路和参考都行。

http://www8.hp.com/cn/zh/home.html
HP中国官方网站首页上的那个FLASH焦点图的效果  我现在需要这个 但是里面都是AS弄的而且很麻烦 看不懂
哪位大哥有这样效果的JS或FLASH给个地址 
或者给个思路和参考也行 拜托了 真的很需要
高分奉上 本来准备上200分的 可我这级别最高只能上100 真怀具

解决方案 »

  1.   

    把页面下载下来，在你的服务器上运行页面，
    注意这个代码：
    <object height="100%" width="100%" type="application/x-shockwave-flash" data="media/swf/homepage_carousel.swf" id="promo_area_flash" style="visibility: visible;"><param name="bgcolor" value="#1E1E1E"><param name="allowscriptaccess" value="always"><param name="wmode" value="opaque"><param name="flashvars" value="ready_callback=HomepageFeature.flashReady&amp;track_action=HomepageFeature.trackAction&amp;use_device_font=false&amp;is_rtl=false&amp;system_font=SimSun&amp;configXML=includes/xml/homepage/config.xml&amp;lang=zh&amp;country=cn"></object>把http://www8.hp.com/cn/zh/includes/xml/homepage/config.xml复制下来，自选路径，修改flashvars（我也没看懂他设定什么 貌似在调用AS中的函数） 本人未尝试 不知可否；JS做他的动画效果还是蛮简单的，用3张PNG就可以了，loader就不好搞了 等待高人
      

  2.   

    这种方法我试过了  http://www8.hp.com/cn/zh/includes/xml/homepage/config.xml 这个是指定地区和语言的 
    始终没找到图片和文字的路径 AS里面代码太复杂我还看不懂 
    能用JS做出来当然最好了  哪位有见过相似效果的JS或FLASH
      

  3.   

    文件名应该固化在FLASH里了,不能更改配置.
    而且读取XML的那些配置都是定义文字位置基线等细节的,所以FLASH AS肯定显得啰嗦.
    但这就看你对FLASH AS的熟悉程度.熟悉的话,还是应该可以改的.
    当然,与其那么费劲,还是找些简单能用的方便.
    JS幻灯的根本机制都差不多,只需要改一下图片和CSS.毕竟找到和这个一样的是不太可能,而且也最好不要照抄,人家要有精神,就可以跟你整版权纠纷.
    FLASH的也是一样,找个差不多改改就是了.
    不要说还要具体地址,随便搜随便下,然后....改就看自己的了.把风花雪月的时间抽一点学学习,就没问题了.
      

  4.   

    这个网络上貌似有很多。你可以搜索jquery插件。
      

  5.   

    能找到FLASH源码里的图片和CSS地址 就简单多了  可惜FLASH技术有限  费了半天劲也没找到
    这个等着用  现在再去学FLASH有点晚了 
    用JS的话 做出的效果肯定没这好 而且也会很占浏览器资源 纠结啊 还有哪位大哥有办法指点一二
      

  6.   

    LZ，这个效果本人很不赞同
    我下载了好几分钟，也没看到全貌，FLASH的都是垃圾，除非网速达到100M记得坛子里有人发过类似的JS
    你看下，找下，
      

  7.   

    我很快就打开了饿..这个效果建议用flash来做. 因为图片时倾斜的, 用js的话会比较的麻烦. 说说滑动效果的思路: 
    1. 创立3个层, 对每个层进行mouseover的监听
    2. 每个层有个变量表状态, 表明现在是否处于激活状态
    3. 如果是此网站的效果, 只会有3种情况, 那么最简单的做法, 是把每种情况下的图片位置和大小设定死, 然后每次执行mouseover的时候将3个图片摆到相应的位置就可以了. 如果做成通用的可扩展的形式, 那么就要根据情况设定水平和竖直方向上的偏移量, 然后执行动画摆过去就可以了再说滚动条:
    这个页面的只有3组图片, 那么在点击滚动条的位置时, 可以计算出来点击的那个点是属于滚动条三等分后的哪个区域, 则重新载入那一组的3张图片就可以了
      

  8.   

    ???用flash都做的那么卡？？
    ＪＳ完全可以实现也就是　滚动切换而已
      

  9.   

    原来lz的瓶颈在这里.
        <div id="Outer">
             <div class="Slip">
    <div id="Group1" class="Group Current">
    <div class="Img1"></div>
    <div class="Img2"></div>
    <div class="Img3"></div>
    </div>
    <div id="Group2" class="Group"></div>
    <div id="Group3" class="Group"></div>
    </div>
    <div>如果是用js做的话, 把样式用position:absolute定义, 然后外层的div设成overflow:hidden, 把每三张图片设为一个组, 当前显示的组加类名Current.事件方面: 初始化时只在Current里的图片才有"手风琴", 在切换组的时候, 取消掉最开始的Current里面的监听并移除此类名, 给新的组添加类名Current和监听. 组切换的动画方面: 只用移动slip, 它将带着所有组一起移动