Jquery：div Hyperlink

Question

在這里知道，我用Jquery和CSS創建了一個無文本，被阻止，可點擊的div。 點擊后我想在瀏覽器中加載一個新的URL，從而讓我的訪問者離開我的網站說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>

第二個問題我必須讓div透明或空，所以菜單背景顯示，（沒有切片。）。 我可以和我應該用透明的GIF做到這一點嗎？

順便說一句：我如何修改本地URL的代碼？ 謝謝！

Answer 1

第一部分相對容易：

$("#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白色，alpha透明度為0.1 （ 0表示完全透明， 1表示完全不透明）。

注意，我不太確定你的'本地網址'是什么意思，但如果你的意思是可以使用相對路徑，例如改變：

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