有人会渐变轮换的js代码吗,该如何处理
日期：2014-05-16 浏览次数：20332 次
有人会渐变轮换的js代码吗
图片可以渐变显示,并且播放过程中而已停止,继续播放功能.
------解决方案--------------------
<html>
<style>
</style>
<script>
window.onload=initPicPlayer;
function initPicPlayer(){
var urls=[ "01.jpg ", "02.jpg ", "03.jpg ", "04.jpg "];
var tag=document.getElementById( "player ");
window.player=new picPlayer(tag,urls);
window.player.start();
}
function picPlayer(img,urls){
this.urls=urls;
this.tag=img;
this.tag.src=this.urls[0];
this.next=1;
this.start=function(){
this.timer=window.setInterval( "window.player.change() ",3000);
}
this.stop=function(){
clearInterval(this.timer);
}
this.change=function(){
this.tag.src=this.urls[this.next%this.urls.length];
this.next++;
}
}
function control(btn){
if(btn.value== "Stop "){
btn.value= "Play ";
window.player.stop();
}else{
btn.value= "Stop ";
window.player.start();
}
}
</script>
<body>
<img id= "player " />
<input type= "button " value= "Stop " onclick= "control(this) " />
</body>
</html>
图片可以渐变显示,并且播放过程中而已停止,继续播放功能.
------解决方案--------------------
<html>
<style>
</style>
<script>
window.onload=initPicPlayer;
function initPicPlayer(){
var urls=[ "01.jpg ", "02.jpg ", "03.jpg ", "04.jpg "];
var tag=document.getElementById( "player ");
window.player=new picPlayer(tag,urls);
window.player.start();
}
function picPlayer(img,urls){
this.urls=urls;
this.tag=img;
this.tag.src=this.urls[0];
this.next=1;
this.start=function(){
this.timer=window.setInterval( "window.player.change() ",3000);
}
this.stop=function(){
clearInterval(this.timer);
}
this.change=function(){
this.tag.src=this.urls[this.next%this.urls.length];
this.next++;
}
}
function control(btn){
if(btn.value== "Stop "){
btn.value= "Play ";
window.player.stop();
}else{
btn.value= "Stop ";
window.player.start();
}
}
</script>
<body>
<img id= "player " />
<input type= "button " value= "Stop " onclick= "control(this) " />
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
