-2

我有一个横向滚动的页面，我有一个浮动菜单。我希望菜单中的文本反转它下面的颜色。有没有办法用 HTML5、Javascript 和/或 jQuery 做到这一点？

补充：当图像越过页面的不同部分时，您将如何反转图像？CSS？

这是我用于菜单的 CSS

body{
  background:#000;
  font-family:Georgia;
  font-size: 34px;
  font-style: italic;
  letter-spacing:-1px;
  width:12000px;
  position:absolute;
  top:0px;
  left:0px;
  bottom:0px;
}
ul#banner{
  position: fixed;
  line-height: 45px;
  margin: 0 30px; padding: 0; 
}
4

3 回答 3

0

尝试使用：

var color = // color in hex.
color ^ 0xFFFFFF (XOR bit operator) to get it?
于 2013-01-15T02:02:44.643 回答
0

我写了一个测试页。 演示在这里。inside body 不能写宽度，否则会使页面出现滚动条。包括以下知识点：

  1. CSS封面：

    .nav .selected .nav-01{background:#f93;}
.nav .selected .nav-02{background:#3c3;}
.nav .selected .nav-03{background:#36c;}

  2. jQuery插件：

    (function($){
  $.fn.extend({
    first: function(){ },
    second: function(){}
  });
}(jQuery));

  3. jQuery 调用

    $(document).ready(function(){
    $('#content').scrollPage({
        pTag   : '.list',
        menu   : '.nav',
        speed  : 600
    });
})
于 2013-01-15T02:20:29.093 回答
0

第1步。获取菜单的位置

第2步。删除菜单并获取放置在位置上的元素

也许你可以使用 document.elementFromPoint

第三步。反转元素的颜色并将其应用于您的菜单

第4步。再次显示您的菜单

步骤 5。每当您需要更改菜单的颜色（滚动等）时重复此操作

于 2013-01-15T02:57:14.800 回答