Question

我希望在我的单页网站http://goo.gl/16XdA的每个“页面”上都有一个不同的徽标（每个页面都有一个单独的div）。有可能，怎么样？非常感谢

Answer 1

该网站非常好，我不明白为什么更改徽标对你来说很难。

这是一个简单的方法，有很多。

<li class=""><a onclick="changeLogo();" href="#team">Team</a></li>
<script type="javascript/text">
  function changeLogo(){
   var logoImg = document.getElementById("logo").children[0];
   logoImg.src = "newsource.jpg";
  }
</script>

我建议预加载各种徽标，以便切换是即时的。

Answer 2

你有什么尝试？您可以在导航中添加事件：当用户单击导航项时，它会更改您当前的徽标...

像这样的东西

$('#nav li').click(function(){
   var selected = $('a', this).attr('href'); // This will return current item # like #team, #activities...
   #change your logo based on selected
   $('#logo img').attr('src', 'your url');
});

Answer 3

你可以用javascript做几种方法。我将使用jQuery在点击事件上移动精灵格式图像的背景位置，或者完全更改图像URL的来源。另一种方法是将您的个人徽标添加到您去过那里的每个动画背景中（如果您不介意使徽标特定于页面）。

http://api.jquery.com/click/
http://api.jquery.com/css/

Answer 4

您可以找到当前可见的div

Check if element is visible after scrolling \

然后根据该图标在徽标div中设置图像。

单页网站和每个div一个不同的徽标？

4 个答案: