<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.div {
width: 980px;
height: 640px;
margin: 0 auto;
}
.leftdiv {
width: 213px;
height: 640px;
background-image: url(images/bg.gif);
background-position: -1px 5px;
background-repeat: no-repeat;
float: left;
}
.centerdowndiv {
width: 530px;
height: 450px;
background-image: url(images/bg.gif);
background-position: -210px -201px;
margin-left: 200px;
}
.rightdiv {
width: 240px;
height: 650px;
background-image: url(images/bg.gif);
background-position: -748px -6px;
float: right;
margin-top: -660px;
}
.table {
font-size: 14px;
margin-left: 30px;
margin-top: 1px;
}
</style>
</head>
<body>
<iframe src="header.html" frameborder="0" height="100%" width="100%" scrolling="no"></iframe>
<div>
<div class="div">
<div class="leftdiv">
<br />
<table style="width:230px;font-size:11px; height:120px; margin-top:18px;">
<tr>
<td colspan="3" style="color:orangered; font-size:16px;"><b>家用电器</b></td>
</tr>
<tr style="margin-top:20px;">
<td>家电</td>
<td>洗衣机</td>
<td>平板电视</td>
</tr>
<tr>
<td>热水器</td>
<td>低音炮</td>
<td>热水器</td>
</tr>
<tr>
<td>空调</td>
<td>冰箱</td>
<td>投屏仪</td>
</tr>
<tr>
<td>电视</td>
<td>天燃气</td>
<td>家电下乡</td>
</tr>
<tr>
<td>家电服务</td>
<td>电饭煲</td>
<td>摄像机</td>
</tr>
</table>
<table style="width:230px;font-size:11px; margin-top:32px;">
<tr>
<td colspan="3" style="color:orangered; font-size:16px;"><b>书籍</b></td>
</tr>
<tr style="margin-top:35px;">
<td>家电</td>
<td>洗衣机</td>
<td>平板电视</td>
</tr>
<tr>
<td>热水器</td>
<td>低音炮</td>
<td>热水器</td>
</tr>
<tr>
<td>空调</td>
<td>冰箱</td>
<td>投屏仪</td>
</tr>
<tr>
<td>电视</td>
<td>天燃气</td>
<td>家电下乡</td>
</tr>
<tr>
<td>家电服务</td>
<td>电饭煲</td>
<td>摄像机</td>
</tr>
</table>
<table style="width:220px;font-size:11px; margin-top:30px;">
<tr>
<td colspan="3" style="color:orangered; font-size:16px;"><b>手机数码</b></td>
</tr>
<tr style="margin-top:20px;">
<td>家电</td>
<td>洗衣机</td>
<td>平板电视</td>
</tr>
<tr>
<td>热水器</td>
<td>低音炮</td>
<td>热水器</td>
</tr>
<tr>
<td>空调</td>
<td>冰箱</td>
<td>投屏仪</td>
</tr>
<tr>
<td>电视</td>
<td>天燃气</td>
<td>家电下乡</td>
</tr>
<tr>
<td>家电服务</td>
<td>电饭煲</td>
<td>摄像机</td>
</tr>
</table>
<table style="width:230px;font-size:11px; margin-top:25px;">
<tr>
<td colspan="3" style="color:orangered; font-size:16px;"><b>日用百货</b></td>
</tr>
<tr style="margin-top:20px;">
<td>家电</td>
<td>洗衣机</td>
<td>平板电视</td>
</tr>
<tr>
<td>热水器</td>
<td>低音炮</td>
<td>热水器</td>
</tr>
<tr>
<td>空调</td>
<td>冰箱</td>
<td>投屏仪</td>
</tr>
<tr>
<td>电视</td>
<td>天燃气</td>
<td>家电下乡</td>
</tr>
<tr>
<td>家电服务</td>
<td>电饭煲</td>
<td>摄像机</td>
</tr>
</table>
</div>
<div id="list" class="picutre_many" style="overflow: hidden; height: 190px; width: 524px; margin: 0 auto; margin-left:20px;margin-top:-30px;">
<table cellspacing="0" cellpadding="0" style="width: 524px; border: 0px;">
<tr>
<td id="list1">
<table style="border: 0px;" cellpadding="0" cellspacing="0">
<tr id="pic">
<td>
<a href="info.html" target="_parent"><img style="border: 0px;" alt="" src="images/ad-01.jpg" /></a>
</td>
<td>
<a href="info.html" target="_parent"><img style="border: 0px;" alt="" src="images/ad-02.jpg" /></a>
</td>
<td>
<a href="info.html" target="_parent"><img style="border: 0px;" alt="" src="images/ad-03.jpg" /></a>
</td>
<td>
<a href="info.html" target="_parent"><img style="border: 0px;" alt="" src="images/ad-04.jpg" /></a>
</td>
</tr>
</table>
</td>
<td id="list2"></td>
</tr>
</table>
</div>
<script type="text/javascript">
var speedpic = 60;
document.getElementById("list2").innerHTML = document.getElementById("list1").innerHTML;
function Marqueepic() {
if(document.getElementById("list2").offsetWidth -
document.getElementById("list").scrollLeft <= 0) {
document.getElementById("list").scrollLeft -= document
.getElementById("list1").offsetWidth;
} else {
document.getElementById("list").scrollLeft++;
}
}
var MyMarpic = setInterval(Marqueepic, speedpic);
document.getElementById("list").onmouseover = function() {
clearInterval(MyMarpic);
}
document.getElementById("list").onmouseout = function() {
MyMarpic = setInterval(Marqueepic, speedpic);
}
</script>
<div class="centerdowndiv">
<div style="margin-left:20px; margin-top:10px; border-color:red; margin-top:20px;">
<form>
<table class="table">
<tr>
<td><img alt="" src="images/promote-1.jpg" /><br />惠普商务移动笔记本</td>
<td><img alt="" src="images/promote-2.jpg" " /><br />夏新语音导航手机</td>
<td><img alt=" " src="images/promote-3.jpg "" /><br /> 三星家庭影院购机送好礼</td>
</tr>
<tr>
<td><img alt="" src="images/laser-pen.jpg" /><br />明基MP510投影机300元送100元优惠卷</td>
<td><img alt="" src="images/mouse.jpg" /><br />罗技移动鼠标80元开抢</td>
<td><img alt="" src="images/earphone.jpg" /><br /> 海森那尔极品耳机</td>
</tr>
<tr>
<td><img alt="" src="images/Wancom.jpg" /><br />亚马逊随时阅读，随时记录，时尚最佳选择</td>
<td><img alt="" src="images/Frame.jpg" /><br />优雅相册</td>
<td><img alt="" src="images/notebook.jpg" /><br /> DELL戴尔最新上网本，特色尽显</td>
</tr>
</table>
</form>
</div>
</div>
<div class="rightdiv">
<div>
<br /><br /><br /><br /><br /><br /><br /><br />
<img src="images/bag.jpg" alt="" style="border:1px solid darkgrey;" />大牌狂降价，三折直送
<img src="images/bag.jpg" alt="" style="border:1px solid darkgrey;" />大学要求老师开网店
<img src="images/bag.jpg" alt="" style="border:1px solid darkgrey;" />黑眼圈推荐，美白不停
<img src="images/bag.jpg" alt="" style="border:1px solid darkgrey;" />瘦身狂潮风，修行之选
</div>
</div>
</div>
<iframe src="footer.html" frameborder="0" height="200px" width="100%" scrolling="no"></iframe>
</div>
</body>
</html>此项目属于个人项目，如有雷同纯属巧合！
贵美商城主页
猜你喜欢
转载自blog.csdn.net/Cool__King/article/details/80772723
今日推荐
周排行