<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();
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。
资源推荐
资源详情
资源评论
收起资源包目录
基于HTML实现的手机仿唐邦机电企业站(含HTML源代码+使用说明).zip (58个子文件)
手机仿唐邦机电企业站模板
liebiao.html.bak 5KB
js
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
共 58 条
- 1
资源评论
CrMylive.
- 粉丝: 1w+
- 资源: 4万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 小组作业4开关电源设计要求-新.docx
- 技术资料分享fat文件系统原理很好的技术资料.zip
- C#进销存仓库管理系统源码 BS进销存源码数据库 SQL2008源码类型 WebForm
- 技术资料分享FAT文件系统的组织结构很好的技术资料.zip
- 技术资料分享FATFS文件系统的移植很好的技术资料.zip
- 技术资料分享FatFs使用说明-基于SmartARMCortexM3-1700很好的技术资料.zip
- 技术资料分享FATFS浅谈很好的技术资料.zip
- 技术资料分享Fatfs经典资料很好的技术资料.zip
- 技术资料分享FAT32文件系统详解很好的技术资料.zip
- 技术资料分享FAT32简单教材很好的技术资料.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功