<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP '01window.jsp' starting page</title>
<script type="text/javascript">
window.οnlοad=function(){
var num=1;
//1.获取到img对象
var dom=document.getElementById("myimg");
setInterval(function(){
if(num<2){
num++;
dom.src="img/"+num+".jpg";
}else{
num=1;
dom.src="img/"+num+".jpg";
}
},1000);
};
</script>
</head>
<body>
<img id="myimg" src="img/1.jpg" style="width:500px;height:500px"></img>
</body>
</html>
JvaScript图片自动切换
最新推荐文章于 2021-05-30 18:50:54 发布