根据日期调用不同的背景图片如何用JS编写 65
<tablewidth="958"height="512"border="0"align="center"cellpadding="0"cellspacing="0"ba...
<table width="958" height="512" border="0" align="center" cellpadding="0" cellspacing="0" background="/img/20100408.jpg">
如何用JS代码控制背景图片,今天就是background="/img/20100408.jpg;
明天自动改成background="/img/20100409.jpg;后天又自动变成background="/img/20100410.jpg,按此类推。
建议用这种方式去改变
var date = new Date()
location.href = (parseInt(date.getMonth())+1)+'_'+date.getDate()+'.jpg';
但我不会应用到背景的图片上
请高人指点。谢谢。
回答者: stcn52,你的代码不行,我要的是HTML下面的JS代码,象这种,这下面的代码控制不了背景图片
<html>
<head>
<script>
function test(){
var myDate=new Date();
var str="";
var year=myDate.getYear()+"";
var month=myDate.getMonth()+1+"";
if(month<10){
month="0"+month;
}
var date=myDate.getDate()+"";
if(date<10){
date="0"+date;
}
str+=year+month+date;
var imgTest=document.getElementById("imgTest");
imgTest.src="/"+str+".gif";
}
</script>
</head>
<body onload="test()">
<img src="/20100408.gif" id="imgTest">
</body>
</html> 展开
如何用JS代码控制背景图片,今天就是background="/img/20100408.jpg;
明天自动改成background="/img/20100409.jpg;后天又自动变成background="/img/20100410.jpg,按此类推。
建议用这种方式去改变
var date = new Date()
location.href = (parseInt(date.getMonth())+1)+'_'+date.getDate()+'.jpg';
但我不会应用到背景的图片上
请高人指点。谢谢。
回答者: stcn52,你的代码不行,我要的是HTML下面的JS代码,象这种,这下面的代码控制不了背景图片
<html>
<head>
<script>
function test(){
var myDate=new Date();
var str="";
var year=myDate.getYear()+"";
var month=myDate.getMonth()+1+"";
if(month<10){
month="0"+month;
}
var date=myDate.getDate()+"";
if(date<10){
date="0"+date;
}
str+=year+month+date;
var imgTest=document.getElementById("imgTest");
imgTest.src="/"+str+".gif";
}
</script>
</head>
<body onload="test()">
<img src="/20100408.gif" id="imgTest">
</body>
</html> 展开
2个回答
展开全部
<html>
<script>
function init() {
var myDate=new Date();
var str="";
var year=myDate.getYear()+"";
var month=myDate.getMonth()+1+"";
if(month<10){
month="0"+month;
}
var date=myDate.getDate()+"";
if(date<10){
date="0"+date;
}
str+=year+month+date;
var imgTest=document.getElementById("imgTest");
document.body.style.backgroundImage = "url(/"+str+".gif)";
}
</script>
<body onload="init()">
</body>
</html>
另外 楼上用的jQuery也是js不过需要类库
<script>
function init() {
var myDate=new Date();
var str="";
var year=myDate.getYear()+"";
var month=myDate.getMonth()+1+"";
if(month<10){
month="0"+month;
}
var date=myDate.getDate()+"";
if(date<10){
date="0"+date;
}
str+=year+month+date;
var imgTest=document.getElementById("imgTest");
document.body.style.backgroundImage = "url(/"+str+".gif)";
}
</script>
<body onload="init()">
</body>
</html>
另外 楼上用的jQuery也是js不过需要类库
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
jQuery可以轻松实现
[attribute=value]
匹配给定的属性是某个特定值的元素
--------------------------------------------------------------------------------
Matches elements that have the specified attribute with a certain value.
返回值
Array<Element>
参数
attribute (String) : 属性名
value (String) : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时,用以避免冲突。
示例
查找所有 name 属性是 newsletter 的 input 元素
HTML 代码:
<input type="checkbox" name="newsletter" value="Hot Fuzz" />
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Evil Plans" />
jQuery 代码:
$("input[name='newsletter']").attr("checked", true);
结果:
[ <input type="checkbox" name="newsletter" value="Hot Fuzz" checked="true" />, <input type="checkbox" name="newsletter" value="Cold Fusion" checked="true" /> ]
[attribute=value]
匹配给定的属性是某个特定值的元素
--------------------------------------------------------------------------------
Matches elements that have the specified attribute with a certain value.
返回值
Array<Element>
参数
attribute (String) : 属性名
value (String) : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时,用以避免冲突。
示例
查找所有 name 属性是 newsletter 的 input 元素
HTML 代码:
<input type="checkbox" name="newsletter" value="Hot Fuzz" />
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Evil Plans" />
jQuery 代码:
$("input[name='newsletter']").attr("checked", true);
结果:
[ <input type="checkbox" name="newsletter" value="Hot Fuzz" checked="true" />, <input type="checkbox" name="newsletter" value="Cold Fusion" checked="true" /> ]
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询