Javascript 如何在站点上编程动态预览
我想了解一些发展类似雅虎电影页面的方向和建议: 我不知道顶部有箭头和不同电影名称的东西是如何命名的,但我已经看过好几次了。(有4个选项的那一个:敢死队、瑜伽熊等等)我想添加这样的东西,所以我想了解如何查找并在java脚本上开发它Javascript 如何在站点上编程动态预览,javascript,web-applications,Javascript,Web Applications,我想了解一些发展类似雅虎电影页面的方向和建议: 我不知道顶部有箭头和不同电影名称的东西是如何命名的,但我已经看过好几次了。(有4个选项的那一个:敢死队、瑜伽熊等等)我想添加这样的东西,所以我想了解如何查找并在java脚本上开发它 谢谢 是的,这就是所谓的旋转木马,有很多库和插件可以实现。你可以试试雅虎自己的或者jQuery,但是还有很多其他的——只是。这里基本上有四个链接和四个图片。单击链接时,将显示关联的图像 我给你举个例子 HTML: JavaScript(jQuery): $(“.li
谢谢 是的,这就是所谓的旋转木马,有很多库和插件可以实现。你可以试试雅虎自己的或者jQuery,但是还有很多其他的——只是。这里基本上有四个链接和四个图片。单击链接时,将显示关联的图像 我给你举个例子 HTML:
JavaScript(jQuery):
$(“.links a”)。单击(函数()
{
$(“.images img”).hide();
$(“.images.”+this.className.split(“-”[1]).show();
});
查看该url的来源,可能会对您有所帮助。
<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>
$(".links a").click(function()
{
$(".images img").hide();
$(".images ." + this.className.split("-")[1]).show();
});