Question

很久以前，在Adobe GoLive中，有一个javascript操作可以创建脱节的翻转，和可以更改eaqch图像在更改时链接到的内容... 我们用它来显示杂志背面的封面（http://www.radford.edu/rumag/pages/backissues.html），按年，然后链接到具体问题。（鼠标悬停2009年，看到它的封面，点击它们，鼠标悬停2010，看它的封面，点击它们等）。

由于GL不受支持，我们放弃了它＆amp;转移到Dreamweaver，但是我无法向该页面添加新项目，并且原始页面也已经被破坏了，并且＆amp;没有用。

我正在寻找一个新的解决方案，js / jquery，或css驱动，没有php，来复制它。

感谢您的任何意见。

Answer 1

我不完全确定你想要实现的目标，但我会试一试。

您也可以使用jQuery数据存储有关封面的网址的信息作为链接（每年链接的ID是y）：

  $(document).ready({
    $('#y2010').data('imageurl', 'http://url.to/image.jpg');
    $('#y2010').data('linkurl', 'http://url.to/issue');
  });

当用户悬停链接时，请加载数据

$('#y2010').hover(function(){
    $('#<cover image id>').attr('src', $(this).data('imageurl'));
    $('#<issue link id>').attr('href', $(this).data('linkurl'));
});

脱节的翻转，但每个图像都需要一个链接

1 个答案: