一、
技能训练2：简易的电子相册
代码：
1.html文件
<script type="text/javascript" src="jquery-3.4.1.js"></script>
<script type="text/javascript">
("#pre").click(function(e) {
if(index<=1){
index=1;
}else{
index--;
}
.attr(%22src%22%2C%22images%2F%22%2Bindex%2B%22.jpg%22)%3B%20%7D)%3B)
("#next").click(function(e) {
if(index>=5){
index=5;
}else{
index++;
}
(document).keydown(function(event){
if(event.keyCode==37){ //上一张 左
if(index<=1){
index=1;
}else{
index--;
}
.attr(%22src%22%2C%22images%2F%22%2Bindex%2B%22.jpg%22)%3B%20%7D%20if(event.keyCode%3D%3D39)%7B%20%2F%2F%E4%B8%8B%E4%B8%80%E5%BC%A0%20%E5%8F%B3%20if(index%3E%3D5)%7B%20index%3D5%3B%20%7Delse%7B%20index%2B%2B%3B%20%7D)
("#pic").attr("src","images/"+index+".jpg");
}
});
});
</script>
</head>
<body>
<div style="text-align:center">
<img id="pic" src="images/1.jpg" width="300" height="400" />
<input type="button" value="上一张" id="pre"/>
<input type="button" value="下一张" id="next"/>
</div>
</body>
二、
任务3：检测用户在DIV块上执行的鼠标单击操作
代码：
1.html文件
<script type="text/javascript" src="jquery-3.4.1.js"></script>
<script type="text/javascript">
("#myImage").bind({
click:function(){("#myText").css("color","red");},
mouseout:function(){$("#myText").css("color","blue");}
});
});
</script>
</head>
<body>
<img id="myImage" src="images/MyImage61.jpg" width="240" height="150" />
<p id="myText" style="width:250px;">
重庆，简称巴和渝，别称巴渝、山城、渝都、桥都，雾都，是中华人民共和国中央直辖市、国家中心城市、超大城市、世界温泉之都、长江上游地区经济中心、金融中心和创新中心，政治、文化、科技、教育、艺术等中心，国务院定位的国际大都市。中西部水、陆、空型综合交通枢纽。
</p>
</body>
