单页网站和每个div有一个不同的logo？

-1

我想在我的单页网站http://goo.gl/16XdA（每个页面都有一个单独的div）的每个“页面”上有不同的徽标。这是可能的，以及如何？非常感谢单页网站和每个div有一个不同的logo？

来源

2012-08-05 Greg

你是什么意思的标志？所有我能想到的你的意思是favicon，在这种情况下不，你不能有一个以上的网页 – Andy 2012-08-05 19:01:29

@Andy：不，他的意思是......标志。左上角的图片？ – Purag 2012-08-05 19:01:58

哦对..我想到一个创建该网站的人会知道如何替换图像 – Andy 2012-08-05 19:03:08

该网站是相当不错的，我不明白为什么改变标志会很难。

这是一个简单的方法来做到这一点，有很多。

<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>

我会建议预先加载各种标识，以便切换瞬间。

来源

2012-08-05 19:02:12

插件。这就是为什么。：P – Purag 2012-08-05 19:04:35

@Purmou - ：D那么它仍然在视觉上吸引人。 – 2012-08-05 19:05:09

哦，我同意。视差滚动是一个非常好的布局选项。 – Purag 2012-08-05 19:05:53

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

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

来源

2012-08-05 19:02:53 Kwon

你有什么尝试？您可以添加事件到您的导航：当导航产品的用户点击，它改变你目前的标志......

像这样的事情

$('#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'); 
});

来源

2012-08-05 19:04:32

这对用户滚动页面不起作用。但是看起来dom在当前选定的li上有一个活动属性。因此，检查一下并相应地切换徽标可能会更明智 – 2012-08-05 19:06:38

同意！最快的方法是在您的div中创建一个徽标...然后它会改变它自己，没有更多的编码，只有css（位置：绝对） – 2012-08-05 19:08:25

谢谢 - 与此问题是，如果用户点击菜单项标志图像不会改变，对吧？ – Greg 2012-08-05 19:09:17

你可以找到，你的div的是当前可见

Check if element is visible after scrolling \

然后在你的logo div的基础上设置图像。

来源

2012-08-05 19:05:40

单页网站和每个div有一个不同的logo？

回答

相关问题