js开发:是一门脚本语言,由浏览器来解释执行,不需要经过编译
js声明变量:var 变量的名字
js声明函数: function 函数的名称(参数的名字){}
图片轮播技术:
需求:
有一组图片,每个三秒钟,就去切换一张,最终是一直在不停地切换
技术分析:
切换照片;
每三秒钟完成一个切换;
<html>
<head>
<meta charset="TUF-8">
<title></title>
<script>
/*
1.事件:点击事件‘onclick;
2.事件要出发函数:changeImg
3.在函数中
*/
function changeImg(){
alert("要切换了")
var img=document.getElementById("img1");
img.src="../img/.....jpg";
}
</script>
</head>
<body>
<input type="button" value="点击图片" onclick="changeImg()"/></br>
<img src="../img/222.jpg" id="img1">
</body>
</html>
切换图片
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
/*
1. 事件: 点击事件 onclick
2. 事件要触发函数: changeImg
3. 在函数中
*/
function changeImg(){
// alert("要切换了")
var img = document.getElementById("img1");
img.src = "../img/1-161104143944.gif";
}
</script>
</head>
<body>
<input type="button" value="点击切换图片" onclick="changeImg()" />
<br />
<img src="../img/222.jpg" id="img1" />
</body>
</html>