每天进步一点点之工作前三天

2010-3-22------2010-3-24

刚开始实习,基本上可以说一无所知,BOSS问的问题全部不会...

改了个静态网站,用了三天...从1个页面发展成一个整站...

有两点小进步：

1.更熟悉了table以及table布局

2.BOSS要求分页...以前做过.net下数据的分页显示,用的pagedatasource

这个心里想应该是javascript实现的,但是自己写不出来~上网找了一段,并做了

修改,代码如下：

<script type="text/javascript">
var page=1;
var pagesize=2;//每页显示数量
var picnum=4;//图片总数量
var pagenum;
var showpage='';
var showpage1='';
var t=new Array()
t[1]="SMC组合式水箱是目前国际上采用的新型水箱。由整体优质的SMC水箱板拼装而成。其特点是采用食品级树脂，因此水质好，清洁无污染：具有强度高，重量轻，耐腐蚀，外型美观，使用寿命长，保养管理方便等特点。我公司生产的SMC组合式水箱是国家建筑材料工业局和建设部门[1999]330号文件第一批推荐的产品，完全符合国家建筑工业局标准JC658.1—1997的技术性能要求。该水箱经国家有关部门检测......"
t[2]="不锈钢水箱具有下述特点：1 不生锈    选用优质食品级不锈钢板，彻底遮断太阳照射，不滋生藻类，任何时候都保持水质清洁。2 重量轻    珠林特有的板型，高难度的冲压成型工艺，以最小材料消耗达到高强度的使用要求，重量只及普通钢板水箱的三分之一。3 外形美观    流畅的线条，完美的设计，整个箱体简直就是一件艺术品，令人赏心悦目。4 任意组合    造型应用户要求，容积可满足一切......"
t[3]="我公司生产的组合式搪瓷钢板水箱采用了先进工艺，选用优质材料，保证水质的清洁。而且耐腐蚀容易清洗，比普通水箱使用寿命长，现场组装方便、灵活、不易变形、抗震性强、抗冲击力大。该产品通过长时间的使用效果良好，我公司现已大量生产，由于产品向通用性化、规范化、系列化发展，产品质量有了可靠的保证。搪瓷钢板水箱使用的范围非常广泛，不仅适用新建工程，而且对旧楼房水箱更......"
t[4]="1.    焊接式不锈钢肋板水箱选用1.5—4毫米不锈钢板在液压机和专用模具上冲压成槽型筋的薄壳，在现场组装，氩弧焊焊接而成。2.    该水箱具有整体型和密闭箱优良，外形的特点。且焊接量明显减少，又便于水箱清洗和水箱保温。是  存、调节给水的理想水箱产品。3.    该品种水箱的另一特点是水箱高度只要在3.0米以下（含3.0米），其长度、宽度和高度尺寸，设计单位及用户可任意选择，不......"

function showpic(no) {
page=no;
pagenum=picnum/pagesize;
if (picnum%pagesize>0) pagenum=parseInt(picnum/pagesize)+1;
document.getElementById("img").innerHTML='';
for (i=1;i<=picnum;i++){
if(i > (page-1)*pagesize && i<=page*pagesize){
document.getElementById("img").innerHTML+='<table width="660" height="120" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td align="center" width="200">        <a href="product'+i+'.html"><img width="180" height="120" src=images/'+i+'.jpg></a></td><td><FONT size=2><FONT face=Verdana size=2>'+t[i]+'</br><a href="product'+i+'.html" target="_blank"><img src=images/k-1.gif></a></td></tr></table>';
document.getElementById("img").innerHTML+='</br>';
}
}
if (page>1){
showpage='<a href="javascript:showpic(1);">首页</a> <a href="javascript:showpic('+(page-1)+');">上一页</a>'
}else{
showpage='';
}
if (page<pagenum){
showpage1=' <a href="javascript:showpic('+(page+1)+');">下一页</a> <a href="javascript:showpic('+pagenum+');">尾页</a> '
}else{
showpage1='';
}
document.getElementById("pages").innerHTML='页次：'+page+'/<font color=red>'+pagenum+'</font>  共：<font color=red>'+picnum+'</font> 条 '+showpage+showpage1;
}
window.onload=function(){
showpic(1);
}
</script>

页面引用代码

            <div id="img"></div> 
            <div id="pages"></div>

不足的是只支持IE浏览器,FF浏览器没测试过,确定不支持Chrome...目前还没深究原因,最近要搞清楚~