换静态图片---轻开电子商务系统(企业入门级B2C网站)

一共3个文件：

1. 显示及上传文件：site/links/img_one.html
2. 保存图片文件：site/links/img_one_up1.chtml
3. 导航菜单文件：site/links/menu.html

在轻开电子商务系统(企业入门级B2C网站)的site/links/目录下

显示图片信息且上传表单：site/links/img_one.html

显示标题（从menu.html文件传过来的标题）

.@{pPage:title}.

显示图片（从menu.html文件传过来的图片名）

选择图片的input

新  图  片(283px × 51px)

计算图片宽高的js函数

imgWidthHeight = function ()
{
	var _img = document.getElementById("_img");
	var _iwh = document.getElementById("_iwh");
	_iwh.innerHTML = "("+_img.offsetWidth+"px × "+_img.offsetHeight+"px)";
}

提交新图片的表单（提交到site/links/img_one_up1.chtml）

	... ...

需要提交到保存页面的其他字段

保存操作

	
	
		
[保存]  
	
	

校验提交的js函数

var save = document.forms['save'];
doSubmit = function ()
{
	var str = save['IMAGE'].value.toLowerCase();
	if(str!="")
	{
		var pos = str.lastIndexOf(".");
		if(pos==-1){alert("请选择正确的图片文件");return;}
		str = str.substring(pos);
		var ImgSrc = "@{pPage:src}".toLowerCase();
		pos = ImgSrc.lastIndexOf(".");
		if(pos==-1){alert("无法替换错误的图片文件");return;}
		var ImgExt = ImgSrc.substring(pos);
		if(str!=ImgExt)
		{alert("只能用 "+ImgExt+" 图片");return;}
	}
	else{
		alert("必需上传图片!");
		return;
	}
	save.submit();
}

效果

全部代码

a0
	

	

	

		

			

			

			
 换静态图片
	
	



	
	
		
[保存]  
	
	
	
	


.@{pPage:title}.

	
	
	
	

	
新  图  片
(283px × 51px)

保存图片的文件（site/links/img_one_up1.chtml）

保存新上传的图片（一行代码搞掂）

@{pPage:src}

全部代码

a0.0



	
		@{pPage:src}
		
	
	

导航菜单文件（site/links/menu.html）
导航项目的js数组

var urls = new Array();
urls[0] = new Array();
...
urls[1] = new Array();
urls[1][0]="img_logo.html";
urls[1][1]="img_one.html?src=images/tmp/KEteltu1.jpg&title="+encodeURIComponent("400电话图");
urls[1][2]="img_one.html?src=images/menu/hot.jpg&title="+encodeURIComponent("热卖推荐");
urls[1][3]="img_one.html?src=images/menu/yushiyongpin.jpg&title="+encodeURIComponent("主页第2张导航小图");
urls[1][4]="img_one.html?src=images/menu/chuangpin.jpg&title="+encodeURIComponent("主页第3张导航小图");
urls[1][5]="img_one.html?src=images/menu/chuangpintaozhuang.jpg&title="+encodeURIComponent("主页第4张导航小图");
urls[1][6]="img_one.html?src=images/menu/ertongfang.jpg&title="+encodeURIComponent("主页第5张导航小图");
urls[1][7]="img_one.html?src=images/menu/beixin.jpg&title="+encodeURIComponent("主页第6张导航小图");
urls[1][8]="img_one.html?src=images/menu/zhenxin.jpg&title="+encodeURIComponent("主页第7张导航小图");
urls[1][9]="img_one.html?src=images/foot.jpg&title="+encodeURIComponent("页脚导航图");

显示菜单

  
    
      

        

          

          
 Logo
		
        

          

          
 400电话图
		
        

          

          
 热卖推荐
		
        

          

          
 主页第2张导航小图
		
        

          

          
 主页第3张导航小图
		
        

          

          
 主页第4张导航小图
		
        

          

          
 主页第5张导航小图
		
        

          

          
 主页第6张导航小图
		
        

          

          
 主页第7张导航小图
		
        

          

          
 页脚导航图
		
	  
	
  

效果

全部代码（含前边介绍的换其他图片的导航）

  

    

	  
换动态图片
	
	
  
  

    

      

        

          

          
 主题图片管理
		
        

          

          
 滚动图片管理
		
        

          

          
 今日特价
		
        

          

          
 主页第1张大横广告
		
        

          

          
 主页第2张大横广告
		
        

          

          
 女装
		
        

          

          
 男装
		
        

          

          
 特价广告
		
        

          

          
 实体店主题图片
		
        

          

          
 实体店销量排行
		
        

          

          
 店员风采
		
	  
	
  
  

    

	  
换图片（1张）
	
	
  
  

    

      

        

          

          
 Logo
		
        

          

          
 400电话图
		
        

          

          
 热卖推荐
		
        

          

          
 主页第2张导航小图
		
        

          

          
 主页第3张导航小图
		
        

          

          
 主页第4张导航小图
		
        

          

          
 主页第5张导航小图
		
        

          

          
 主页第6张导航小图
		
        

          

          
 主页第7张导航小图
		
        

          

          
 页脚导航图
		
	  
	
  

三个文件都在轻开电子商务系统(企业入门级B2C网站) 的site/links/目录下

轻松互联网开发平台（Easy Do IT）资源下载

开发实例：企业入门级B2C电子商务网站(含轻开源码)，免费下载：http://download.csdn.net/detail/tx18/8818883

轻开平台（技术QQ群：460801944）会不定期升级为大家提供更多强大而Easy的功能，请留意下载最新的版本

本文可自由传播