基于HTML实现的手机仿唐邦机电企业站(含HTML源代码+使用说明).zip资源-CSDN文库

共58个文件

jpg：24个

png：11个

js：9个

版权申诉

毕业设计

计算机资料

数据集

188 浏览量 2022-07-05 19:06:53 上传评论收藏 3.48MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于HTML实现的手机仿唐邦机电企业站(含HTML源代码+使用说明).zip （58个子文件）

手机仿唐邦机电企业站模板

liebiao.html.bak 5KB

163css.js 633B

tms.js 10KB

common.js 18KB

mobile_zh_CN.js 104B

jquery.1.3.2.min.js 56KB

jquery.mobile-1.0.1.min.js 82KB

mobile.js 3KB

jquery-1.6.2.min.js 89KB

tbtouch.js 17KB

jianjie.html 5KB

fuwu.html 3KB

img

1-130P221054YT.jpg 68KB

1-130P2210H3360.jpg 68KB

1-130P221145OF.jpg 65KB

pdf.jpg 2KB

q2.gif 2KB

tb4.png 560B

1-130426112H4.jpg 31KB

banner.png 67KB

1-130426112I5.jpg 730KB

1-130G20JT4-lp.jpg 7KB

1_130424214953_1.jpg 22KB

1-130P2211310507.jpg 61KB

1-130G20K253-lp.jpg 6KB

logo.png 2KB

banner3.png 73KB

tb1.png 377B

bg1.jpg 29KB

serch.png 2KB

menulibg.png 156B

topbg.jpg 8KB

1-130426112H5.jpg 730KB

q3.gif 2KB

images11.jpg 1KB

company.jpg 25KB

q4.gif 2KB

q1.gif 1KB

images10.jpg 1KB

images8.jpg 453B

images7.jpg 346B

menuhover.jpg 367B

menubg.png 144B

1-130426112I2.jpg 730KB

1-130G20K123-lp.jpg 5KB

1-130G20K028-lp.jpg 5KB

banner2.png 85KB

tb3.png 297B

tb2.png 536B

tel2.jpg 4KB

1-130426112H9.jpg 730KB

css

163css.css 668B

tbtouch.css 20KB

common.css 88KB

css.css 4KB

liebiao.html 5KB

index.html 5KB

zhengwen.html 8KB

<html xmlns="http//www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="MobileOptimized" content="240"> <meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0"> <link href="css/common.css" rel="stylesheet" type="text/css"> <title>仿唐邦机电手机wap企业网站模板正文页-懒人模板【www.lanrenmb.com】</title> <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="js/common.js"></script> <script type="text/javascript" src="js/spin.min.js"></script><style></style> <style type="text/css"> body{word-break:break-all;} /*图片尺寸修改后必须改此尺寸多平台时需要适配*/ .ylcontainer img{ width:300px; height:298px; margin:0px auto; border:#f6f6f6 solid 1px; } .ylcontainer { width:302px; height:305px; margin:0px auto; text-align:center; } .pic-num2 { margin: 0px auto; text-align:right; } .pic-num2 li { float: left; width:60px; height:5px; text-align:right; background-color:#fae0af; } .pic-num2 li.on { background-color:#f9a400; } .t_table{ height:305px; } </style></head> <body> <style>.overpr a{background:url(img/menuhover.jpg) repeat-x scroll 0 0 !important;}</style> <link href="css/css.css" rel="stylesheet" type="text/css"> <div class="ylhead"> <a class="logo" href="/"><img src="img/logo.png"></a> <div class="search"> <form name="formsearch" action="/plus/search.php"><input type="hidden" name="kwtype" value="0" autocomplete="off"> <input name="q" type="text" class="ser_input" id="search-keyword" value="侯爵麻将机" onclick="javascript:this.value='';" autocomplete="off"> <input name="" type="submit" class="ser_buton" value=" " autocomplete="off"> </form> </div> </div> <ul class="ylmenu"> <li class="ylmenu1 over"><a href="#"><span>首页</span></a></li> <li class="ylmenu2 over1"><a href="#"><span>公司</span></a></li> <li class="ylmenu3 over2"><a href="#"><span>产品</span></a></li> <li class="ylmenu4 over3"><a href="#"><span>服务</span></a></li> </ul> <div class="index-ads w"> <div class="ylcontainer" id="idContainer2" ontouchmove="touchMove(event);" ontouchend="touchEnd(event);" style="text-align: center; position: relative; overflow: hidden; "> <div style=" position:relative;height:300px;"> <table id="idSlider2" border="0" cellpadding="0" cellspacing="0" style="height: 300px; position: absolute; left: -302px; "> <tbody><tr> <td><a> <img src="img/1-130426112H4.jpg" alt="" border="0"> </a></td> <td><a> <img src="img/1-130426112H5.jpg" alt="" border="0"> </a></td> <td><a> <img src="img/1-130426112H9.jpg" alt="" border="0"> </a></td> <td><a> <img src="img/1-130426112I2.jpg" alt="" border="0"> </a></td> <td><a> <img src="img/1-130426112I5.jpg" alt="" border="0"> </a></td> </tr> </tbody></table> </div> <ul class="pic-num2" id="idNum" style="width: 300px; "> </ul> </div> </div> <div class="clear" style="height:10px;"></div> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="ylul300"> <tbody><tr> <td width="50">型号：</td> <td>合家欢乐</td> </tr> <tr> <td>尺寸：</td> <td>￥90*90*76</td> </tr> <tr> <td>颜色：</td> <td>木色</td> </tr> <tr> <td>价格：</td> <td>￥<font color="#af251b">28880元</font></td> </tr> <tr> <td valign="top">详情：</td> <td><p>原料：采用非洲上等黄花梨为原材料原料优点：纹理粗直且多，略有香味，质密耐磨，切面光滑，色泽红润，防虫蛀，不易开缝。产品特点：传统工艺加工，雕刻新颖独特，不上色，保持本色和纹路，尽显尊贵厚重之气质。</p></td> </tr> </tbody></table> <div class="clear" style="height:10px;"></div> <table border="0" cellspacing="0" cellpadding="0" style="clear:both; width:100%;" class="foot"> <tbody><tr> <td align="center"><a target="_blank" href="#"><img src="img/q1.gif"></a>    <a target="_blank" href="#"><img src="img/q2.gif"></a>    <a target="_blank" href="#"><img src="img/q3.gif"></a>    <a target="_blank" href="#"><img src="img/q4.gif"></a></td> </tr> </tbody></table> <table border="0" cellspacing="0" cellpadding="0" style="width:100%; padding:0 5px; line-height:1.8em;"> <tbody><tr> <td><a href="#" class="top">TOP</a><div align="center">(c)2008-2013 唐邦机电 All Rights Reserved <br> 苏ICP备13027906号-1</div></td> </tr> </tbody></table> <input type="hidden" value="5" id="activity"> <script type="text/javascript" src="js/index.js"></script> <script type="text/javascript"> var picCount = $("#activity").val(); $(".pic-num2").css("width",(picCount*60)+"px"); var forEach = function(array, callback){ for (var i = 0, len = array.length; i < len; i++) { callback.call(this, array[i], i); } } var st = createPicMove("idContainer2", "idSlider2", picCount); //图片数量更改后需更改此数值 var nums = []; //插入数字 for(var i = 0, n = st._count - 1; i <= n;i++){ //(nums[i] = $("idNum").appendChild(document.createElement("li"))).innerHTML = ++i; nums[i] = document.getElementById("idNum").appendChild(document.createElement("li")); } //设置按钮样式 st.onStart = function(){ forEach(nums, function(o, i){ o.className = st.Index == i ? "on" : ""; }) } var touchX = []; var touchY = []; function touchMove(event) { var touches = event.touches; var fristTouch = touches[0]; var lastX = $(window).scrollLeft(); var lastY = $(window).scrollTop(); touchX.push(fristTouch.pageX); touchY.push(fristTouch.pageY); if (touchY.length > 1) { event.preventDefault(); var dis = touchY[touchY.length-2]-touchY[touchY.length-1]; if(Math.abs(dis)>50){ window.scrollTo(lastX,window.lastY+dis); } } } //触屏离开屏幕事件 function touchEnd(event) { var touches = event.touches; var fristTouch = touches[0]; if (touchX != undefined && touchX.length > 1) { var startX = parseInt(touchX.shift(),10); var endX = parseInt(touchX.pop(),10); var disValue = Math.abs(startX - endX); if (touchY.length > 1) { var lastX = $(window).scrollLeft(); event.preventDefault(); var dis = touchY[touchY.length - 2] - touchY[touchY.length - 1]; if (Math.abs(dis) > 50 && Math.abs(dis) > disValue) { window.scrollTo(lastX, window.lastY + dis); } else { if (disValue > 50) { event.preventDefault(); bindEvent(startX,endX); } } }else{ if (disValue > 50) { event.preventDefault(); bindEvent(startX,endX); } } touchX = []; touchY = []; } } /** * 绑定触屏触发事件 * @param start * @param end */ function bindEvent(start,end){ if (start >= end) { st.Next();

评论收藏

内容反馈

版权申诉