1

ここで知っていましたが、Jquery と CSS を使用して、テキストのない、ブロックされた、クリック可能な div を作成しました。クリックすると、ブラウザに新しい URL をロードして、訪問者を自分の Web サイトから離して、stackoverflow.com と言うようにしたいと考えています。Jqueryでそれを行うことができますか？もしそうなら、どのように？

 #star{
    width:130px;
    height:40px;
    outline:1px solid orange;
    display:block;
    cursor:pointer;
    }

<div id="star">star</div>

<script>    
    $("#star").click(function(evt){
        $(this).html("http://www.stackoverflow.com");
    });
</script>

2番目の質問メニューの背景が表示されるように、divを透明または空にする必要があります（スライスなし）。透明なgifでこれを行うことができますか、または行う必要がありますか?

ところで: また、ローカル URL のコードを変更するにはどうすればよいですか? ありがとうございました！

4

1 に答える 1

3

最初の部分は比較的簡単です。

$("#star").click(function(evt){
    window.location = 'http://stackoverflow.com';
});

透過性については、CSS に以下を追加するだけです。

#star {
    /* other stuff */
    background-color: transparent;
}

または、ブラウザー間の完全な互換性が必ずしも必要でない場合は、次のようにします。

#star {
    /* other stuff */
    background-color: rgba(255,255,255,0.1);
}

上記は、要素のbackground-color白を作成し、アルファ透明度を0.1(0完全に透明、1完全に不透明) にします。

「ローカルURL」の意味がよくわからなかったことに注意してください。たとえば、変更するために相対パスを使用することは可能ですか？

'http://server.com/news/index.html'

に：

'http://server.com/some/other/directory/index.html'

JavaScript で絶対パスを使用しない場合、次のように動作するはずです。

$("#star").click(function(evt){
    window.location.pathname = '/somewhere_else/on/the/same/server';
});
于 2012-06-30T20:19:11.630 に答える