SELECT nextval('distributor Priced')作用是ID自增1（知识点）

一 前台页面设置图片自动滚动，

1、在goodsDetail.heml中写入关键代码:

    	
     	
      	
       
                         下面注意图片的路径问题 		
        
         
          
         
		
        
         
          
         
		
        
         
          
         
		
        
         
          
         
		
        
         
          
         
		
        
         
          
         
		
        		
         
          上一张 
           
           
 
             
              
             
              
 
             
              
 
             
              
 
             
              
 
             
              
 
            
           
  
           
            下一张 
            
            
             addLoadEvent(Focus());
            
           
          
         
        
       
      
     
    

   2、还有文件WebCentent下的CSS文件夹下添加一个style.css文件。用于控制图片以及滚动的图片大小，样式，在GoodsForm.java和GoodsSqlMap.XML中定义添加图片的ID。

在shop下的css文件夹下的style.css中添加设置样式的代码:

.span_2_of_3  h3{          （h3是用来定义标题样式的）

color:#D54F30;

margin-bottom:0.2em;

padding-left:0.4em;

font-size:2em;

font-weight : normal;

margin-top:0px;

letter-spacing: -1px;            （设置字间距）

}

.span_2_of_3  p  {                   （定义段内样式）

font-size:0.9em;

padding:0.5em;

padding-left:1.2em;                （距离左边框的距离）

color: #333;

line-height: 1.6em;                  （定义行间距）

}

3、在数据库中添加图片调取数据库中的查询项

 commodity.picture1_id as pictureId1,

commodity.picture2_id as pictureId2,

commodity.picture3_id as pictureId3,

commodity.picture4_id as pictureId4,

commodity.picture5_id as pictureId5,

commodity.picture6_id as pictureId6,

4、设置图片显示样式

@charset "utf-8";

/* CSS Reset */

*{margin:0;padding:0;list-style-type:none;}

a,img{border:0;}

body{font:18px/180% Arial, Helvetica, sans-serif, "新宋体";}

5、background:#DDD;（设置的是整个图片区域的背景颜色）

二 将电脑界面换成手机版

在goodsDetail.heml中写入关键代码:

    	
     	
      	
       		
        
         
          
         
		
        
         
          
         
		
        
         
          
         
		
        
         
          
         
		
        
         
          
         
		
        
         
          
         
		
        		
         
          上一张 
           
           
 
             
              
             
              
 
             
              
 
             
              
 
             
              
 
             
              
 
            
           
  
           
            下一张 
            
            
             addLoadEvent(Focus());
            
           
          
         
        
       
      
     
    

在代码中添加清除格式代码<div class="clear"></div>，目的是为了样式能适用手机屏幕大小，方法和电脑界面的差不多