您的位置：首页 > Web前端 > JavaScript

js浏览图片（ajax基础）

2007-05-10 08:28 621 查看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">


<HTML>


<HEAD>


<TITLE> New Document </TITLE>


</HEAD>


<style type="text/css">


<!--




div#div1...{height:240px; filter:BlendTrans(duration=1);}


-->


</style>


<SCRIPT LANGUAGE="JavaScript">


<!--


function play()




...{


var div1=document.getElementById("div1");


div1.filters[0].apply();


div1.innerHTML="<img src='2.jpg' alt='' height=300 width=300 />";


div1.filters[0].play();


}


//-->


</SCRIPT>




<BODY>


<div id="div1">


<img src="1.jpg" alt="" height="300" width="300"/>


</div>


<input type="button" value="play" onclick="play()"/>


</BODY>


</HTML>







实现简单相册


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">


<HTML>


<HEAD>


<TITLE> New Document </TITLE>


</HEAD>


<style type="text/css">


<!--




div#div1...{height:240px; filter:BlendTrans(duration=1);}


-->


</style>


<SCRIPT LANGUAGE="JavaScript">


<!--


var i=1;


function play()




...{


if(i<6)




...{


var div1=document.getElementById("div1");


div1.filters[0].apply();


i=i+1;


div1.innerHTML="<img src='"+i+".jpg' alt='' height=300 width=300 />";


div1.filters[0].play();


}


}


function play1()




...{


if(i<=6&&i>1)




...{


var div1=document.getElementById("div1");


div1.filters[0].apply();


i=i-1;


div1.innerHTML="<img src='"+i+".jpg' alt='' height=300 width=300 />";


div1.filters[0].play();


}


}




//-->


</SCRIPT>


<BODY>


<div id="div1">


<img src="1.jpg" alt="" height="300" width="300"/>


</div>


<SCRIPT LANGUAGE="JavaScript">


</SCRIPT>


<input type="button" value="下一张" id="btn1" onclick="play()"/>


<input type="button" value="上一张" onclick="play1()"/>


</BODY>


</HTML>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航