反转文字的颜色？

Question

我有一个向侧面滚动的页面，我有一个浮动菜单。我希望菜单中的文本反转其下面的颜色。有没有办法用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; 
}

Answer 1

尝试使用：

var color = // color in hex.
color ^ 0xFFFFFF (XOR bit operator) to get it?

Answer 2

我写了一个测试页面。 demo here。 在体内不能写宽度，或者会使页面出现滚动条。 包括以下知识点：

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 call

   $(document).ready(function(){
       $('#content').scrollPage({
           pTag   : '.list',
           menu   : '.nav',
           speed  : 600
       });
   })
   

Answer 3

步骤1。获取菜单的位置

步骤2。删除菜单并获取位于

位置的元素

也许你可以使用document.elementFromPoint

步骤3。反转元素的颜色并将其应用于菜单

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

STEP5。无论何时需要更改菜单的颜色（滚动等）

，都要重复此操作