Javascript BG图像更改
我的网站有一个看起来很酷的背景,但可能会损害可用性(如果你看得太久,它会烧坏),所以我想要一个链接,可以用javascript更改/删除背景图像。我在谷歌上搜索过,但找不到有效的东西 有没有一种方法可以创建像[a href=“javascript:???”]remove bg[/a]?Javascript BG图像更改,javascript,html,Javascript,Html,我的网站有一个看起来很酷的背景,但可能会损害可用性(如果你看得太久,它会烧坏),所以我想要一个链接,可以用javascript更改/删除背景图像。我在谷歌上搜索过,但找不到有效的东西 有没有一种方法可以创建像[a href=“javascript:???”]remove bg[/a]?函数removeBackgroundImage()这样的链接 function removeBackgroundImage() { document.body.background = ""; }
函数removeBackgroundImage()这样的链接
function removeBackgroundImage()
{
document.body.background = "";
}
<a href="#" onclick="removeBackgroundImage();">Change Background</a>
{
document.body.background=“”;
}
由于您没有告诉我们您如何在背景图像(即html/css标记)中添加内容,因此很难给出准确的答案
javascript:var f=eval(“document.getElementsByTagName('BODY')[0].style.backgroundImage='inherit';” 您可以使用jQuery CSS函数
$('#removebg').click(function(){
$('body').css("backgroundImage","yoururl");
});
<a id="removebg">removebg</a>
$('removebg')。单击(函数(){
$('body').css(“backgroundImage”、“yoururl”);
});
如果正文标签中未指定背景图像。
<script type="text/javascript">
var img = document.getElementById('your image ID');
var shown = true;
function toggleImg(){
if(shown == true){
img.style.display = "none";
shown = !shown;
}else{
img.style.display = "";
shown = !shown;
}
}
</script>
<script type="text/javascript">
var imgSrc = "your image source"
var shown = true;
function toggleImg(){
if(shown == true){
document.body.background = "";
shown = !shown;
}else{
document.body.background = imgSrc;
shown = !shown;
}
}
var img=document.getElementById(“您的图像ID”);
显示的var=真;
函数toggleImg(){
如果(显示==真){
img.style.display=“无”;
显示=!显示;
}否则{
img.style.display=“”;
显示=!显示;
}
}
如果在body标签中指定了背景图像。
<script type="text/javascript">
var img = document.getElementById('your image ID');
var shown = true;
function toggleImg(){
if(shown == true){
img.style.display = "none";
shown = !shown;
}else{
img.style.display = "";
shown = !shown;
}
}
</script>
<script type="text/javascript">
var imgSrc = "your image source"
var shown = true;
function toggleImg(){
if(shown == true){
document.body.background = "";
shown = !shown;
}else{
document.body.background = imgSrc;
shown = !shown;
}
}
var imgSrc=“您的图像源”
显示的var=真;
函数toggleImg(){
如果(显示==真){
document.body.background=“”;
显示=!显示;
}否则{
document.body.background=imgSrc;
显示=!显示;
}
}
如果在body标签上指定了您的背景图像,则此操作将有效。