帮朋友问一下: function autochange()
{
var Time = new Date ( );
var Hour = Time.getHours ( );
var bg_array = new array(2);
var mask_array = new array(2);
var i = 0;
bg_array[0] = "bg1.png";
bg_array[1] = "bg2.png";
mask_array[0] = "Overlay1.png";
mask_array[1] = "Overlay2.png";
i = ( Hour > 12 ) ? 1 : 0;
}
这段时间判断的javascript中 两个数组bg_array[i]以及 mask_array[i]要如何传递到<img src = "xxx" >中?让xxx从数组中获得路径实现定时更换图片?
{
var Time = new Date ( );
var Hour = Time.getHours ( );
var bg_array = new array(2);
var mask_array = new array(2);
var i = 0;
bg_array[0] = "bg1.png";
bg_array[1] = "bg2.png";
mask_array[0] = "Overlay1.png";
mask_array[1] = "Overlay2.png";
i = ( Hour > 12 ) ? 1 : 0;
}
这段时间判断的javascript中 两个数组bg_array[i]以及 mask_array[i]要如何传递到<img src = "xxx" >中?让xxx从数组中获得路径实现定时更换图片?
function autochange()
{
var Time = new Date ( );
var Hour = Time.getHours ( );var bg_array = new array(2);
var mask_array = new array(2);var i = 0;bg_array[0] = "bg1.png";
bg_array[1] = "bg2.png";mask_array[0] = "Overlay1.png";
mask_array[1] = "Overlay2.png";i = ( Hour > 12 ) ? 1 : 0;document.getElementById("img_id").src=bg_array[i];}
setInterval(autochange,1000);
<style> #Layer{width: 322px; height: 482px; position: absolute; top: -1px; right: 0px; down: 0px; left: -1px;} .stretch {width:100%; height:100%;} </style><body> <table><td> <div id="Layer"><img src="LockBackground.png" class="stretch"/></div> <div id="Layer"><img src="OverlayHD.png" class="stretch"/></img></div><style>这是我朋友改过后的
<style> #Layer{width: 322px; height: 482px; position: absolute; top: -1px; right: 0px; down: 0px; left: -1px;}
.stretch {width:100%; height:100%;} </style><script type="text/javascript">
function autochange()
{
var D = new Date ( );
var H = D.getHours ( );
var bg = "LockBackground.png";
var mask = "OverlayHD.png";
var bg1 = "LockBackground.png";
var bg2 = "LockBackgroundN.png";
var mask1 = "OverlayHD.png";
var mask2 = "OverlayHDN.png";
bg = ( H > 12 ) ? bg2 : bg1;
mask = ( H > 12 ) ? mask2 : mask1;
document.getElementById("Back_I").src = bg;
document.getElementById("Mask_I").src = mask;
}
setInterval(autochange,6000);
</script>
<body onload = "autochange()"> <table><td> <div id="Layer"><img src="" id="Back_I" class="stretch"/></div> <div id="Layer"><img src="" id="Mask_I" class="stretch"/></img></div>
<style>问题是 前后两处src指向的路径都是一致的,可是后面的那段代码死活都是显示红X还有哪里需要修改么?
<style>body { background-color: none; margin: 0; height: 481px; width: 320px;} td#Backgrounds{ margin-top: -1px; position: absolute; top: 0px; right: 0px; down: 0px; left: -1px;} SPAN#clock{ font-family: Helvetica; font-weight: 300; color: white; /*#ff9900*/#f0f0f0 letter-spacing: 0.0em; text-shadow: 0px 0px 9px #ffffff; font-size:60px; opacity: 1.0; }SPAN#secs{ text-align: center; display: bold; font-family: Helvetica; color: white; font-size: 16px; // font-weight: 100;// letter-spacing: 0.2em; text-shadow: 0px 0px 9px #ffffff; text-transform: uppercase; //opacity: 0.4;} SPAN#ampm{ font-family: Helvetica; font-weight: 100; color: #white; letter-spacing: 0.06em; text-shadow: 0px 0px 9px #ffffff; font-size:20px; //text-transform: lowercase; //opacity: 0.2;} TD#date { font-family: Helvetica; font-weight:100; text-align: center; color: white;#ddcccc letter-spacing: 0.00em; text-shadow: 0px 0px 9px #ffffff; font-size: 25px; text-transform: uppperrcase; opacity: 1.0; }span#calendar_weekday{ font-family: Helvetica; font-weight:200; text-align: center; color:white;#ffffff letter-spacing: 0.00em; text-shadow: 0px 0px 9px #ffffff; font-size: 28px; text-transform: uppercase; opacity: 1.0; }span#calendar_month{ font-family: Helvetica; font-weight: 100; text-align: center; color: white; letter-spacing: -0.00em; text-shadow: 0px 0px 9px #ffffff; font-size: 25px; text-transform: uppercase; opacity: 1.0; }span#calendar_year{ font-family: Helvetica; font-weight: 100; text-align: center; color: white; letter-spacing: 0.06em; text-shadow: 0px 0px 9px #ffffff; font-size: 100px; text-transform: uppperrcase; opacity: 0.4; }</style>
[/code]这段代码是跟着上面那段的,发现只要把代码结束的那个</style>删除 图片就正常了。。求解 -_-# 不过会导致下面的function无效。求解