案例一：使用JS完成注册页面表单校验
获取元素 用户名： 密码:
使用JS完成注册页面表单校验
注册页面
| |||
| 首页 手机数码 电脑办公 鞋靴箱包 家用电器 | |||
 | |||
| 关于我们 联系我们 招贤纳士 法律声明 友情链接 支付方式 配送方式 服务声明 广告声明 Copyright © 2005-2018 版权所有 |
案例二：使用js完成首页轮播图效果
下面的小程序的目的是：通过button切换照片
切换图片 
首页
上面是使用js完成的首页轮播图
案例三：使用js完成首页定时弹出广告图片
BOM对象是js里面重要的一部分应该花点时间研究
下面的代码实现了定时弹出广告的子程序
function init(){ //书写轮图片显示的定时操作 setInterval("changeImg()",3000); //1.设置显示广告图片的定时操作 time = setInterval("showAd()",3000);}//书写函数var i=0function changeImg(){ i++; //获取图片位置并设置src属性值 document.getElementById("img1").src="../img/"+i+".jpg"; if(i==3){ i=0; }}//2.书写显示广告图片的函数function showAd(){ //3.获取广告图片的位置 var adEle = document.getElementById("img2"); //4.修改广告图片元素里面的属性让其显示 adEle.style.display = "block"; //5.清除显示图片的定时操作 clearInterval(time); //6.设置隐藏图片的定时操作 time = setInterval("hiddenAd()",3000);}//7.书写隐藏广告图片的函数function hiddenAd(){ //8.获取广告图片并设置其style属性的display值为none document.getElementById("img2").style.display= "none"; //9.清除隐藏广告图片的定时操作 clearInterval(time);}
案例四：表单校验功能完善
下面的代码主要在表单的校验中加入了一些提示信息，使得界面更加人性化
注册页面
| |||
| 首页 手机数码 电脑办公 鞋靴箱包 家用电器 | |||
| | |||
| 关于我们 联系我们 招贤纳士 法律声明 友情链接 支付方式 配送方式 服务声明 广告声明 Copyright © 2005-2016 商城 版权所有 |