<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="../item/style.css">
<link rel="stylesheet" href="../iconfont/iconfont.css">
<script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
<div class="main">
<div class="container">
<div class="banner" id='banner'>
<div class="img">
<img src="../item/img/banner.jpg" alt="" height="450" width="1226" class='imga active'>
<img src="../item/img/banner2.jpg" alt="" height="450" width="1226" class='imga'>
<img src="../item/img/banner3.jpg" alt="" height="450" width="1226" class='imga'>
<img src="../item/img/banner4.jpg" alt="" height="450" width="1226" class='imga'>
<img src="../item/img/banner5.jpg" alt="" height="450" width="1226" class='imga'>
<img src="../item/img/banner6.jpg" alt="" height="450" width="1226" class='imga'>
</div>
<ul class="title">
<li class="nr active"></li>
<li class="nr"></li>
<li class="nr"></li>
<li class="nr"></li>
<li class="nr"></li>
<li class="nr"></li>
</ul>
</div>
<script>
window.onload = function() {
banner('#banner', '.nr', '.imga')
function banner(parent, controller, mod) {
var num = 0;
var controller = $(controller);
var mod = $(mod);
var banner = $(parent);
var autoPlayTime = 3000; //ms
var imgNum = mod.length - 1;
var auto;
autoPlay();
//根据传进来的名字获取这个名字所对应的对象
function $(name) {
if (name[0] == '#') {
return document.getElementById(name.substr(1));
} else if (name[0] == '.') {
return document.getElementsByClassName(name.substr(1));
} else {
return document.getElementsByTagName(name);
}
}
//实现鼠标划过圆点,变化图片的效果
//function change(controller, mod){
//遍历控制器,绑定鼠标划过事件
for (var i = 0; i < controller.length; i++) {
//给控制器加个索引,并把i值赋值给索引
controller[i].index = i;
//给所有的控制器都加划过事件
controller[i].onmouseover = function() {
for (var j = 0; j < controller.length; j++) {
//将所有控制器改为默认样式
controller[j].className = 'nr';
}
//改变所选的控制器样式
this.className = 'nr active';
//将模型改为默认样式
for (var x = 0; x < mod.length; x++) {
mod[x].className = 'imga';
}
//改变所选控制器对应的模型的样式
mod[this.index].className = 'imga active';
}
}
//}
//绑定鼠标移入,暂停播放图片
banner.onmouseover = function() {
clearInterval(auto);
}
//绑定鼠标离开,继续播放
banner.onmouseleave = function() {
autoPlay();
}
//指定播放那个图片
function play(num) {
for (var j = 0; j < controller.length; j++) {
controller[j].className = 'nr';
}
controller[num].className = 'nr active';
for (var x = 0; x < mod.length; x++) {
mod[x].className = 'imga';
}
mod[num].className = 'imga active';
}
//自动播放
function autoPlay() {
auto = setInterval(function() {
if (num > imgNum) {
num = 0;
}
play(num);
num++;
}, autoPlayTime)
}
}
}
</script>
</div>
<!-- phone -->
<?php
$sql="select * from items where class='phone'";
$result=$conn->query($sql);
if ($result->num_rows>0){
$wid=(int)$result->num_rows/3;
if ($wid==0){
$wid+=1;
}else if($result->num_rows%3!=0){
$wid+=1;
}
$wid=(int)$wid*280;
echo"<div class='item' id='phone' style='height:".$wid."px'>";
echo"<p class='item_title'>手机</p>";
while ($row=$result->fetch_assoc()){
$img=$row['img'];
echo "<div class='item_list'>";
echo "<img class='inner_img' src='$img'>";
echo "<p class='txt1'>".$row['itemName']."</p>";
echo "<p class='txt2'>".$row['intro']."</p>";
echo "<p class='txt3'>￥".$row['price']."</p>";
echo "<form action='../page/p1.php' method='post'>
<input type='hidden' name='itemId' value='".$row['itemId']."'>
<input type='submit' class='bt' value='立即购买' />
</form>";
// echo "<div class='bt'><a href='".$row['url']."'>立即购买</a></div>";
echo"</div>";
}
echo"</div>";
}
?>
<!-- tv -->
<?php
$sql="select * from items where class='tv'";
$result=$conn->query($sql);
if ($result->num_rows>0){
$wid=(int)$result->num_rows/3;
if ($wid==0){
$wid+=1;
}else if($result->num_rows%3!=0){
$wid+=1;
}
$wid=(int)$wid*280;
echo"<div class='item' id='tv' style='height:".$wid."px'>";
echo"<p class='item_title'>电视</p>";
while ($row=$result->fetch_assoc()){
$img=$row['img'];
echo "<div class='item_list'>";
echo "<img class='inner_img' src='$img'>";
echo "<p class='txt1'>".$row['itemName']."</p>";
echo "<p class='txt2'>".$row['intro']."</p>";
echo "<p class='txt3'>￥".$row['price']."</p>";
echo "<form action='../page/p1.php' method='post'>
<input type='hidden' name='itemId' value='".$row['itemId']."'>
<input type='submit' class='bt' value='立即购买' />
</form>";
// echo "<div class='bt'><a href='".$row['url']."'>立即购买</a></div>";
echo"</div>";
}
echo"</div>";
}
?>
<!-- pc -->
<?php
$sql="select * from items where class='pc'";
$result=$conn->query($sql);
if ($result->num_rows>0){
$wid=(int)$result->num_rows/3;
tp5商城购物系统（后台管理+个人中心+购物车）
需积分: 17 100 浏览量
2022-09-13
10:22:32
上传
评论
收藏 11.29MB ZIP 举报
tp5商城购物系统（后台管理+个人中心+购物车） （410个子文件） 
0026bdaf13a62a81974586ab32aa903b2a2d45 417B 08ba62fdcf6d0d55136c3cfe8918934f146cca 1KB 0b7eb1e5364287d09fc756846a7a733b977329 279B 0ba734a9ac8f4783e99f1512503c41a7aee196 207B 0beb96cbbf58dfaa1870e62779221df58428d0 168B 0c3a54db1419aa2a1f129d62a9fc3aac3eaf0e 206B 0c4a77f66ba9b454ae400b1ebbd07a67317883 211B 0f668880b2a147a9c6b9493696b766c97e8701 208B 10518237d32c4bba2f1fdcfb25916a0b601fa5 418B 1310ce82607389f87db128f095f613775b2f18 417B 136ad2cd053cf3c7c7f3b2e57db62d1b03607d 417B 1549ef494189f09f8e5a699fb241dd585807c2 234KB 164111bd6a3cb3c090ca44ecd893aa4310e4bd 53KB 165837a8a4e9f8dd44b1f4a27acd4acd92fde5 417B 19f2ab10cd131f76c1e60c1a6589454a9098b6 417B 1a6d045092857ecad57f342bb71d1006112953 822B 1a88b752c7de99c5e449a2ce4bccc49b2fdf3c 417B 1ae3b4d93ad5452d61989c6f3f86b197ea06d0 417B 1b68006fdcb4b1867d3168d64b3335e0818288 544B 1b7056a9ffc2a5942f859753cd0d55da5e3ba9 117B 1d223b5972569aec289950f6175042600adaca 147B 1f7889a4a19cd5aa1e06bb35c288e948132c4a 417B 20467bc3a1893fc3800564836299540b14da44 849B 228f1763facd5fd3e3cd8553809becca35dc2f 169B 22b4a5ad32448036a19a7cc9b784e0ae78fa4e 27KB 23764156f16b975d623c865ef8cf222796284f 148B 26c9adc91c064c6bf6f7009b47ae7168da41ff 148B 27089f74492ffdd40646d617570b2f1c8a7fc4 899B 28790e0cc2555146a58b9efbcc44be81c94355 169B 2937f3e57135f8bc54a98ff12283e98cc15963 207B 2a0942cdddf270de87c04f040830094d6e02e1 405B 2ba0172020e97495f766bf00e38ac1df226c5b 819B 2da563411024b2296ae03f0c9238ba344814d2 137KB 2efe240448e444c19ac41deaab2d89f2f3ed33 418B 33306aa491e7023f86d82d4b0313c7fef59ac4 417B 33322a69b66e1d3bcc7dcd2a18a7465c5d08f1 557B 33c2612e14787ebade9b6b1f2f47cd516c590d 696B 33e23b28261446649e1f85e8262e819cdada36 2KB 34056bd050c079ed649ce27601fe925c54c73b 168B 341171c5ade82fc2b04497f51f9be20926dd5b 522B 3419fb9124284bfe2820b5d1978b6a0bd1cc0c 168B 35a4ca34ab3280002a8346e3b6a0531fd37a35 625B 36ff1d2bf72402e4728e73f2ff1b8926f359c3 170B 3824d3aaed3a836e544298c382dc0b03ba1d80 118B 39413bcd71fa30badcc4a69b291e1f401c879e 117B 3ae60966bf44d76a405b7b617f59c8ba0cb6d7 8KB 3c90b13bf9d49c34fa15082c5ee886fed9d27e 207B 3d08bcbecc949d07caa7da2b1270ac12d370bf 604B 404a1bc23810bdcc56171745e89e2d8a6c7d3d 734B 41e7dc03b72732e33833c0d827d6463e746d1c 206B 4381940bf1169a4bf6f18fcc6cbbe3bdb53fdd 1022B 43a93bc14c616d8259a5b8701913570462c9d2 1KB 4432fb3e56edd429325da102de2555be4c4faa 817B 444211cc5796e961d27d308ef07d4647e42db2 111KB 454ff321a0c6917266dd6236a97287648ba309 48KB 481bb37d156db96219017e74afce988756312e 118B 490232412cceddd78ae460cb4a6cbbbe2d4cb0 417B 497bb0ad1c665242c649291cb0f7f37f24dc44 168B 4a4c88dae63801062738deab0a12641fb39fb7 210B 4ae68bcd748abada227324544fd3ee9615cbcc 761B 4b614fafd04539f6f5bdab6a19c4121d1263c4 356B 4d59c812f0327d9fc29fb87ad2b1ac5f7f1991 139B 4dbea806f39d105676f8787a0acc28826f9a4c 311B 4ed6ef2477e4bfcbe8f3ffe93a65ea382ed424 133KB 50859109e950ba3f1c1021c66f7f050e93af40 818B 52358b66e5a3c783a05513c37fadf882ecb2a5 745B 52b47227842a863375119598711b006f794e35 818B 58d6fb284f371c6781e561676c0d80cfd47e48 417B 59127e0332ee2da8df66986e4e75e536e9dfa5 417B 59c26a15c12c83012a8553ef60de339c75b86a 1KB 5a85b47510599cbe08249758e6d3b2dac9f52b 207B 5c4a629d891db3782ba179b555f4e95cf75dce 407B 619ed2c46f1608124c142e12bfb52699219be0 60KB 61ef9effdf3fe1071858ff1a1101ac73cf50f8 168B 62231a74fc1deb4a72b0233091e977a8411d7e 1KB 625a3a10e95a1b7847780216d50551558c4708 2KB 62c4f1c17bc4577d84d344c6995d3545582518 417B 647f279e0bab9cf2c6d595abc85243437ddd9e 540B 65bc96dd41b8ecbd3d3de0eb0098909ec95c77 149B 65e2f1e91f970d11a00f3cc5025b40b34eee28 206B 6b89a599e292ce2c8ef62cecd86666801bbd45 2KB 6eeeeec3633c49b9e6cdf1f81473b59cd99445 817B 6f608cf5618aa5078f4417f198faaad3f8b762 60KB 7054a0a030993643b8cbe9f344b34706efa134 3KB 70a49dd6ae882c9c4d24963d7aeca3d28ef7ab 119B 70ecf2ffcebf6f41cda1882609e2df06325d4f 105KB 71a2c4727c9627230b795fe586413da9cd81a1 488B 7241502c41aad72e6bac7998490e96dbd9ef0e 206B 72db4cd098d082cbb40b6ee693e2ba7be78f9a 1KB 737e0f2e48b456e241437a17ff81999749b7d2 468KB 74fb35b39853fb44aad23429dd839ca5eb02b8 643B 7520b8aac5fa425fb2c08001623241bfa2f7fd 207B 77df2327e08d9efe5155b2cb571cf80934532a 83B 7890393d1efd96f709dd34762420a5be9aa2e1 540B 78b7da7aa1335bf699bf3ef2fde8228bb5b136 206B 79646253bf77be8f65ff42e7fd068e4428ac39 355B 7986aaac9e2813e0cfd703c7e0ac99ad9a4a8a 348B 7a4f87094f7abc01a868cb3803f58c38473f27 206B 7b051d70d952f9591de7f21127624d0e3d5b56 638B 7bb5d2bb94038fef7a4cd6a6f7d0a0d539481f 375KB共 410 条
- 1
- 2
- 3
- 4
- 5
评论0