Question

我正在寻求一些方向和建议来开发类似雅虎电影页面的东西：http://movies.yahoo.com/

我不知道如何用箭头和不同的电影标题顶部的东西被调用，但我已经看过几次了。（有4个选项的那个：消耗品，瑜伽熊等）我想要的添加这样的东西，所以我要求找到什么寻找并在java脚本上开发它。

谢谢！

Answer 1

是的，这就是所谓的Carousel，并且有很多库和插件可以做到。您可以尝试使用Yahoo自己的YUI Carousel Control或this one来获取jQuery，但还有很多其他内容 - 只有Google for them。

Answer 2

这里基本上是四个链接和四个图像。单击链接时，将显示关联的图像。

我会告诉你一个例子。

HTML：

<div class="links">
    <a class="link-first" href="#">Show image 1</a> 
    <a class="link-second" href="#">Show image 2</a>
</div>

<div class="images">
    <img class="image-first" href="#" alt="" /> 
    <img class="image-second" href="#" alt="" />
</div>

JavaScript（jQuery）：

$(".links a").click(function()
{
    $(".images img").hide();
    $(".images ." + this.className.split("-")[1]).show();
});

如何在网站上编程动态预览

2 个答案: