切换图片

当我们浏览网页时，时常出现图片轮播场景。实现用鼠标点击‘下一页’时，更换图片的功能。

#当前目录下建立img目录，存放图片，图片命名格式'img1.jpg'    
                
    
    
    
         
         
     
    

轮播图片

实现方式：内部引用

自动实现图片切换，无需点击

这里是动态变化的，大家可以自己试。

实现方式：外部引用

网页定时弹出广告图片，自动消失

//JS文件window.onload = function () {    // 每隔1s自动执行某一个函数    setInterval('changeImg()', 1000);    //每隔1s执行显示广告的函数;    // 由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。    //(http://www.w3school.com.cn/jsref/met_win_setinterval.asp)    // 在js的函数里面。 变量名没有var时， 是一个全局变量;    adtime = setInterval('showAd()', 1000);};var i = 1;function changeImg() {    i += 1;    document.getElementById('img').src = 'img/img' + i + '.jpg';    if (i === 6) {        i = 0;    }}// 编写显示隐藏图片的函数function showAd() {    // 获取到广告图片对应的标签对象    var adEle = document.getElementById('ad_img');    //修改广告图片元素里面的style属性里面的display    adEle.style.display = 'block';    // 清除显示图片的定时操作；    clearInterval(adtime);    // 设置隐藏广告图片的定时任务；    hiddentime = setInterval('hiddenAd()', 1000);}function hiddenAd() {    // 获取到广告图片对应的标签对象    var adEle = document.getElementById('ad_img');    //修改广告图片元素里面的style属性里面的display    adEle.style.display = 'none';    //清除隐藏图片的定时任务;    clearInterval(hiddentime);}

//css文件#sowing_map{    width: 590px;    height:500px;    margin: 0 auto;    text-align: center;}#ad{    width: 1190px;    height: 80px;    margin: 0 auto;    text-align: center;}

#主程序    
            
        
        
    
    
    
         
     
    

这里也是动态变化的，广告图片在轮播里只会出现一次

优化用户注册页面

    
            
    
    
     
        
      
用户注册
    
     
    
     
        
      
                   
        
                         
用户名
                         
                    
                    
                         
密    码
                         
                    
                    
                         
                         
                    
               
      
    
     
     
    

用户注册条件的判断

当我们注册用户时，需要对用户名和密码进行判断，是否合法。

表格全选和全不选

便于操作方便，在表格中，勾选所有或取消勾选项具有使用价值。

    
            
    
         
      
       
                    
          
      
               
               
编号
               
姓名
               
性别
               
年龄
          
          
               
               
1
               
1
               
1
               
1
          
          
               
               
2
               
1
               
2
               
2
          
          
               
               
3
               
3
               
3
               
1
          
          
               
               
4
               
4
               
1
               
4
          
          
               
               
5
               
5
               
1
               
5