-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

テストページを書きました。 ここでデモ。body 内に width を書き込めないか、ページがスクロール バーとして表示されます。次のナレッジ ポイントを含みます。

  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 を使うことができます

step3. 要素の色を反転してメニューに適用する

step4. メニューをもう一度表示する

step5. メニューの色を変更する必要があるときはいつでもそれを繰り返します（スクロールなど）。

于 2013-01-15T02:57:14.800 に答える