欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JS 禁止轮播的技巧之修改ID名

程序员文章站 2022-07-05 23:44:00
...
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div style="width:611px; margin:20px auto;">
	<img id="slide" src="img/img1.png" width="611" height="360">
</div>
<script type="text/javascript">
//修改ID名,让它无法获取就无*播了
var slide = document.getElementById("slide");
slide.id = "slide---";
</script>
<script src="js/jquery-1.10.1.min.js"></script>
<script>
$(function() {
	simpleSlide();
});
function simpleSlide(){
	var index = 0;
	var arr = ['img1.png','img2.png','img3.png'];
	setInterval(function(){
		index++;
		$("#slide")[0].src = 'img/' + arr[index%arr.length];
	}, 1000);
}
</script>
</body>
</html>

 

效果图:
JS 禁止轮播的技巧之修改ID名
            
    
    博客分类: 境-JS 禁止轮播的技巧修改ID名JS禁止轮播 
 

 

 

 

 

 

 

 

 

 

 

 

 

  • JS 禁止轮播的技巧之修改ID名
            
    
    博客分类: 境-JS 禁止轮播的技巧修改ID名JS禁止轮播 
  • 大小: 304.7 KB