- 你 .click 菜单按钮 .fadeIn
<img>
有一个<map>
- 依次 .fadeIn 幻灯片和返回菜单按钮和 .fadeOut
<img>
菜单列表 - 然后返回菜单按钮隐藏幻灯片
问题:我们应该回到 1。但菜单按钮现在不起作用。
$(document).ready(function(){
$(".slide").hide(); /* the < imgs > in the slideshow */
$(".menuList").hide(); /*Menu List is an < img >*/
$(".backToMenu").hide();
1) $(".menuButton").on("click", function(){
$(".menuList").fadeIn(1000);
});
2) $("#photoshop").on("click",function(){ /*one of the menu list < map > < areas >*/
$(function(){ /* slideshow */
$(".slideshowPhotoshop img:gt(0)").hide();
setInterval(function(){
$(".slideshowPhotoshop :first-child").fadeOut()
.next('img').fadeIn()
.end().appendTo(".slideshowPhotoshop");},
4000);
});
});
$(".backToMenu").on("click",function(){
$(".slideshowPhotoshop").hide();
});
});