使用jQuery
變化
<a id="a" href="roztoky.php" onclick = "document.body.style.backgroundImage = 'url(../img/roztoky.png)';">
頂部
$('#a').on('click', function() {
$('body').css('background-image', 'url(/img/roztoky.png)');
});
和
<a id="b" href="_section/roztoky.php" onclick = "document.getElementById('frame').style.backgroundImage = 'url(img/roztoky.png)';" target="a">
到
$('#b').on('click', function() {
$('#frame').css('background-image', 'url(img/roztoky.png)');
});
或純JavaScript
var button_a = document.querySelector("#a"),
button_b = document.querySelector("#b"),
myframe = document.querySelector("#frame");
button_a.addEventListener("click",function(e){
document.body.style["background-image"] = "url(https://c2.staticflickr.com/6/5530/11442019345_d50b753156.jpg)";
},false);
button_b.addEventListener("click",function(e){
myframe.style.style["background-image"] = "url(https://c2.staticflickr.com/4/3702/11442187163_fdd370b657_n.jpg)";
},false);
HTML ::
<a id="a">body background image</a>
<a id="b">change frame background</a>
<div id="frame"></div>
CSS ::
#frame{
width:100%;
height:320px;
}
a{
padding: 6px 12px;
background:#ccc;
border-radius:6px;
cursor:pointer;
color:white;
}
您的圖像路徑各不相同。我會認爲這是問題的一部分。 – 2014-09-10 17:23:12
這是怎麼回事你爲什麼使用內嵌腳本這是非常糟糕的 – 2014-09-10 17:25:45
我們看不到你的在線頁面*或*你的本地頁面,那麼你如何指望我們解決這個問題呢?這很可能是文件位置的一個問題,在問題中根本沒有公開。 – 2014-09-10 17:26:54