帮助中心
欢迎光临鑫惠办公耗材!咨询电话:13476110492
鑫惠办公耗材
xinhuiy.com
全部商品分类
电脑报价单
来源: | 作者:佚名 | 发布时间: 2022-04-11 | 41 次浏览 | 分享到:

<html>

<head>

<meta name="viewport" id="WebViewport" content="width=350px,initial-scale=1,target-densitydpi=device-dpi,minimum-scale=0.5,maximum-scale=1,user-scalable=1" /> 

<style>

body,ul,li{margin:0;padding:0;}ul{list-style:none}

.w350{width:340px;margin:0 auto;padding:0 5px;}

.box{height:30px;line-height:30px;margin-bottom:3px;}

select{width:230px;height:30px;float:left;padding-left:5px;display:block;}

input{width:45px;height:30px;line-height:30px;float:right;text-align:center; }

span{display:block;width:60px;float:left;}

.foot{position:fixed;left:0;right:0;width:expression(eval(document.body.clientWidth));margin:0 auto;padding:0;bottom:0;z-index:9999;background:#fefefe;overflow:hidden;}

.about{height:50px;border-top:1px solid #c0c0c0;margin-top:5px;}

.about ul li{width:84px;line-height:50px;text-align:center;float:left;font-size:16px;border-right:1px solid #c0c0c0;}

</style>

<title>DIY自助装机配置单</title>

</head>

<body onload="z();">

<div class="w350">

<div class="box">

<span>C P U:</span>

<select id="n1" name=n1 onchange="bao(1,this.options[this.options.selectedIndex].value)">  

<option value="1350">I5-4590原装 四核四线程 主频3.3G

<option value="750">I3-4160原装 双核四线程 主频3.6G

<option value="425">Intel G3250 奔腾双核 主频:3.2G 

</select> 

<input id="data_1" value="1350" readonly />

</div>


<div class="box">

<span>主 板:</span>

<select id="n2" name=n2 onchange="bao(2,this.options[this.options.selectedIndex].value)">

<option value="890">华硕B85 Pro Gamer 游戏大板

<option value="650">华硕B85 Plus  大板

<option value="435">华硕B85M-D小板 

</select> 

<input id="data_2" value="890" readonly />

</div>


<div class="box">

<span>内 存:</span>

<select id="n3" name=n3 onchange="bao(3,this.options[this.options.selectedIndex].value)">

<option value="145">金士顿4G/1600

<option value="258">金士顿8G/1600

</select> 

<input id="data_3" value="145" readonly />

</div>


<div class="box">

<span>硬 盘:</span>

<select id="n4" name=n4 onchange="bao(4,this.options[this.options.selectedIndex].value)">

<option value="325">120G固态硬盘

<option value="320">500G硬盘

<option value="380">1T硬盘

</select> 

<input id="data_4" value="325" readonly />

</div>


<div class="box">

<span>显 卡:</span>

<select id="n5" name=n5 onchange="bao(5,this.options[this.options.selectedIndex].value)">

<option value="0">主板集成

<option value="450">GT730 2G

<option value="950">GTX750TI 

<option value="1500">GTX960TI 

</select> 

<input id="data_5" value="0" readonly />

</div>


<div class="box">

<span>机 箱:</span>

<select id="n6" name=n6 onchange="bao(6,this.options[this.options.selectedIndex].value)">

<option value="120">金河田机箱

 

</select> 

<input id="data_6" value="120" readonly />

</div>


<div class="box">

<span>电 源:</span>

<select id="n7" name=n7 onchange="bao(7,this.options[this.options.selectedIndex].value)">

<option value="120">普通300W电源

<option value="150">普通400W电源

<option value="180">航嘉冷静王标准版 额定270W

<option value="220">航嘉冷静王钻石版2.31 额定300W


</select> 

<input id="data_7" value="120" readonly />

</div>


<div class="box">

<span>光 驱:</span>

<select id="n8" name=n8 onchange="bao(8,this.options[this.options.selectedIndex].value)">

<option value="0">光驱可选

<option value="125">华硕18X DVD

</select> 

<input id="data_8" value="0" readonly />

</div>


<div class="box">

<span>显示器:</span>

<select id="n9" name=n9 onchange="bao(9,this.options[this.options.selectedIndex].value)">

<option value="730">飞利浦21.5寸三年保

<option value="900">三星22寸 一年保


</select> 

<input id="data_9" value="730" readonly />

</div>


<div class="box">

<span>键 鼠:</span>

<select id="n10" name=n10 onchange="bao(10,this.options[this.options.selectedIndex].value)">

<option value="80">双飞燕键鼠套装

<option value="120">罗技无线套件


</select> 

<input id="data_10" value="80" readonly />

</div>



<div class="box">

<span>音 箱:</span>

<select id="n11" name=n11 onchange="bao(11,this.options[this.options.selectedIndex].value)">

<option value="0">可选

<option value="135">漫步者R101V

<option value="180">漫步者T208

</select> 

<input id="data_11" value="0" readonly />

</div>


<div class="box">

<span>赠 送:</span>

<select id="n12" name=n12 onchange="bao(12,this.options[this.options.selectedIndex].value)">

<option value="0" style="font-size:12px;">鼠标垫,耳麦/摄像头/小音箱任选一样

</select> 

<input id="data_12" value="0" readonly  />

</div>


<div >合计:<input  id="total" value="" readonly /></div>



</div>

<div class="foot">

<div class="w350 about">

<ul><li onclick="var a=[425,435,145,320,0,120,120,0,730,80];recommend(a);z();">经济型</li><li>家用办公</li><li onclick="var a=[1350,890,258,325,950,120,220,0,900,120];recommend(a);z();">专业游戏</li><li style="width:85px;margin-right:0;border-right:none;">发烧友</li></ul> </div>

</div>


</body>

<script1> 

function bao(x,s){data=document.getElementById("data_"+x);data.value=s;z();}

function recommend(y){for(j=0,x=1;j<10;j++,x++){var name=document.getElementById("n"+x);var data=document.getElementById("data_"+x);data.value=y[j];for(i=0;i<name.length;i++){if(name.options[i].value==y[j]){name.options[i].selected=true;break;}}}}

function z(){var j=0;for(i=1;i<=12;i++){var a=document.getElementById("data_"+i);j+=Number(a.value);total.value=j;}} 

</script1> 

</html>



上一篇:
下一篇: