css样式
实例
.header {
background-color: #02aaa9;
height: 30px;
}
.nav li {
list-style:none;
min-width:80px;
line-height: 30px;
float: left;
}
.nav li a {
text-decoration: none;
color: white;
}
.nav {
overflow: hidden;
}
.footer {
height: 30px;
background-color: #02aaa9;
color: #ff0c05;
text-align: center;
line-height: 30px;
}运行实例 »
点击 "运行实例" 按钮查看在线实例
header.PHP
实例
<?php // 网站系统设置 $system = [ 'sys_id' =>1, 'title' =>'腾讯视频', 'desc' =>'全网最全最新的影视资源', 'key' =>'电视剧，电影，综艺，动漫', 'copy' =>'腾讯' ]; // 栏目导航 $cates = [ ['cate_id'=>1,'name'=>'dj','alias'=>'电视剧'], ['cate_id'=>2,'name'=>'dy','alias'=>'电影'], ['cate_id'=>3,'name'=>'zy','alias'=>'综艺'], ['cate_id'=>4,'name'=>'dm','alias'=>'动漫'], ]; // 栏目详情 $movies = [ [ 'list_id' =>1, 'title'=>'全职高手', 'images'=>'123.jpg', 'detail'=>'全职高手剧情介绍：叶修（杨洋饰）是网友荣耀里被誉为教科书级别的顶尖高手，一直有着关于他的传说，因为某些原因被俱乐部所驱逐。叶修在离开这个圈子以后，在兴欣网吧老板娘陈果的帮助下，成为一个值夜班的网管叶修到现在已经拥有了十年的游戏经验，在荣耀新开第十区以后，重新投入了这个游戏中。叶修带着对往昔的回忆和之前未完成的自制银武器千机伞，重新创建了新的账号“君莫笑”，在荣耀第十区准备开始他重返巅峰的计划', 'mov_id'=>1 ], [ 'list_id'=>2, 'title'=>'归还世界给你', 'images'=>'124.jpg', 'detail'=>'沈亦恩（王子文 饰）和叶齐磊（杨烁 饰）从大学开始就恋爱走到了一起，两人奔着共同的兴趣爱好开始创业，等到两人毕业之后公司已经小有规模，慢慢的步入正轨，同时也迎来了商场上的尔虞我诈的斗争，因为一场商业较量，初出茅庐的叶齐磊被对方势力打压、陷害，导致意外发生，从此下落不明。沈亦恩面对男友叶齐磊的“身亡”受打击过大，从此一蹶不振，后来在亲人和朋友的鼓励之下振作起来，独自挑起公司的重担', 'mov_id'=>1 ], [ 'list_id'=>3, 'title'=>'亲爱的，热爱的', 'images'=>'125.jpg', 'detail'=>'根据墨宝非宝小说《蜜汁炖鱿鱼》改编，讲述软萌少女佟年对热血青年韩商言一见钟情，二人在相处中甜蜜碰撞，上演一场高智商与高情商的甜萌梦幻爱情故事。高智商女学霸佟年，偶遇热血青年韩商言，被其对梦想的执着和对团队年轻人的责任感深深吸引。韩商言一直怀有带领团队为国家争夺冠军的理想，而佟年不仅始终给予韩商言支持与理解，更在他的鼓励下重新加入校队，参加ACM世界编程大赛。', 'mov_id'=>1 ], [ 'list_id' =>4, 'title'=>'最好的我们', 'images'=>'126.jpg', 'detail'=>'每个人的心里大概都藏着一个念念不忘的人。一个偶然被提及的名字，让女摄影师耿耿（何蓝逗 饰）内心掀起万千波澜，触动了回忆的开关，那个撩人心动的少年余淮（陈飞宇 饰）再度闯进她的思绪。那是记忆里最好的时光，“学渣”耿耿和“学霸”余淮成了同桌，还结识了简单（王初伊 饰）、贝塔（周楚濋 饰）、徐延亮（陈帅 饰）。校园里充盈着专属少男少女们的懵懂、青涩、怦然心动和勇敢，耿耿余淮也拥有了他们的约定', 'mov_id'=>2 ], [ 'list_id'=>5, 'title'=>'追龙2', 'images'=>'127.jpg', 'detail'=>'《追龙Ⅱ》是王晶编剧并执导的剧情电影，由梁家辉、古天乐、林家栋等主演。该片主要讲述的是***警方卧底何天潜入“大富豪”龙志强的犯罪团伙，经过一次次的考验最终获得龙志强的信任并伺机行动，最终在内地和***警方合力下将悍匪龙志强抓捕的故事', 'mov_id'=>2 ], [ 'list_id'=>6, 'title'=>'银河补习班', 'images'=>'128.jpg', 'detail'=>'马皓文因一次意外事故而入狱，让他遗憾地错过了儿子七年的成长时光。用自己独特的教育方法和满满的爱给予儿子马飞自由成长的空间，教会儿子独立思考的能力和面对困难的勇气。马飞面临学业问题，尽管在学校看来儿子没有可塑之处，但马皓文从未放弃，鼓励孩子找到心中的梦想并为之努力阎主任和马皓文立下赌约，打算用一个月时间将马飞的学业提高，证明他不是不可救***的学生，“学渣”也是可造之材', 'mov_id'=>2 ], [ 'list_id'=>7, 'title'=>'极限挑战', 'images'=>'129.jpg', 'detail'=>'东方卫视大型星素互动励志体验节目《极限挑战》第五季回归，黄磊、罗志祥、张艺兴、王迅、迪丽热巴、岳云鹏、雷佳音等携手长江行！坚持公益，挑战继续！', 'mov_id'=>3 ], [ 'list_id'=>8, 'title'=>'奔跑吧', 'images'=>'131.jpg', 'detail'=>'《奔跑吧兄弟》是浙江卫视引进韩国SBS电视台综艺节目《Running Man》推出的大型户外竞技真人秀节目，第一季由浙江卫视和韩国SBS联合制作，第二、三、四季由浙江卫视节目中心制作 [1] 。第五季起更名为《奔跑吧》，由浙江卫视节目中心独立制作。《奔跑吧兄弟》包括：《奔跑吧兄弟第一季》、《奔跑吧兄弟第二季》、《奔跑吧兄弟第三季》、《奔跑吧兄弟第四季》、《奔跑吧第一季》、《奔跑吧第二季》、《奔跑吧第三季》。《奔跑吧兄弟》固定主持是Angelababy（杨颖）、李晨、郑恺（第一至七季）', 'mov_id'=>3 ], [ 'list_id'=>9, 'title'=>'脱口秀大会2', 'images'=>'132.jpg', 'detail'=>'每一期会评选出一位“爆梗王”，建立起中国脱口秀演员排行榜，并在最后一期节目中选出本季最强“爆梗王”。节目由于谦、吴昕和李诞一起组成“领笑团”，每期也会邀请一位明星***嘉宾与他们一起讨论当期话题、为选手们评分，而池子则在这一季作为演员管理员，负责带队众多优秀的脱口秀演员进行专业脱口秀竞技。节目从舞台、赛制设计上都做了全新升级，选取了更多年轻化的议题；还特别采用了残酷的开放麦赛制，脱口秀演员会提前根据预演进行互投，前7名才有机会上台表演', 'mov_id'=>3 ], [ 'list_id'=>10, 'title'=>'全职高手', 'images'=>'133.png', 'detail'=>' 作为嘉世战队队长的叶秋被俱乐部逼得交出一叶之秋账号卡，叶秋不愿做陪练，提出解约。俱乐部以叶秋劳苦功高为由，逼他退役来交换赔付违约费。叶秋同意，随后离开了嘉世。苏沐橙追上他表示不舍，叶秋告诉苏沐橙，他会“休息一年，然后回来”。在游荡中，叶修进入兴欣网络***，因帮陈果打败了连胜陈果的敌手，陈果对其另眼相看，也答应了叶修提出的在网吧当网管工作请求。 叶修在荣耀中与月中眠等人组队刷BOSS，虽然组队过程中发生被诬陷抢隐藏BOSS的事，但最终总共拿下3个首杀记录，引发第十区不小的骚动，甚至也引来蓝溪阁五大高手之一的蓝河的关注。叶修与蓝河打交道的过程中，产生了利用打工来刷稀有材料的方法。', 'mov_id'=>4 ], [ 'list_id'=>11, 'title'=>'全职法师', 'images'=>'134.png', 'detail'=>'一觉醒来，世界大变。熟悉的高中传授的是魔法，告诉大家要成为一名出色的魔法师。居住的都市之外游荡着袭击人类的魔物妖兽，虎视眈眈……崇尚科学的世界变成了崇尚魔法，偏偏有着一样以学渣看待自己的老师，一样目光异样的同学，一样社会底层挣扎的爸爸，一样纯美却不能走路的非血缘妹妹……不过，莫凡发现绝大多数人都只能够主修一系魔法，自己却是全系全能法师', 'mov_id'=>4 ], [ 'list_id'=>12, 'title'=>'枪神纪', 'images'=>'135.png', 'detail'=>'时代的发展伴随着能源的枯竭，世界因此进入混乱。然而一次偶然的新能源—反物质之核的发现，让人类重新唤起希望。好景不长，由于不为人知的利益，反物质外泄导致正反物质发生泯灭效应，进而导致全世界的灾难与异变。人类因基因锁的打开变得强大，而与此同时基因变异的尸潮，高智慧变异人：审判者、血族、影族等的出现，也让人类进入前所未有的争斗期。少年尤利西斯身怀不为人知的基因秘密，于血与火中发生蜕变。在这个枪神世界中，他将会与谁同行，去向何方？他能否成为传说中的枪神，揭露世界的险恶，守护一切？枪神纪官方漫画，这就是我的战！', 'mov_id'=>4 ], ]; ?> <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="description" content="<?php echo $system['desc'];?>"> <meta name="keywords" content="<?php echo $system['key'];?>"> <title><?php echo $system['title'] ?></title> <link rel="stylesheet" href="../css/tda.css"> </head> <body> <div class="header"> <ul class="nav"> <li><a href="../index.php">腾讯</a></li> <?php foreach ($cates as $cate): ?> <li><a href="list.php?cate_id=<?php echo $cate['cate_id'] ?>"><?php echo $cate['alias'] ?></a></li> <?php endforeach; ?> </ul> </div>
运行实例 »
点击 "运行实例" 按钮查看在线实例
公共底部
实例
<p class="footer"><?php echo $system['copy'] ?> @ 版权所有</p> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
index.php
实例
<?php
// 加载公共头部
include __DIR__ . "/inc/header.php";
// 使用双重循环来遍历二个数组
// 外层遍历栏目数组$cates, 内层根据栏目id来查询对应的影视剧信息
foreach ($cates as $cate) {
echo "<h2>{$cate['alias']}</h2>";
echo '<ol>';
// 遍历影视剧数组
foreach ($movies as $movie) {
// 判断当前影视剧所属栏目是否与当前栏目id相同?
if ($cate['cate_id'] === $movie['mov_id']) {
echo "<li><a href='detail.php?mov_id=" .$movie['mov_id']. "'>{$movie['title']}</a></li>";
}
}
echo '</ol>';
}
// 加载公共底部
include __DIR__ . '/inc/footer.php';运行实例 »
点击 "运行实例" 按钮查看在线实例
list.php
实例
<?php
// 加载公共头部
include __DIR__ . "/inc/header.php";
$cate_id=intval( $_GET['cate_id']);
// 使用双重循环来遍历二个数组
// 外层遍历栏目数组$cates, 内层根据栏目id来查询对应的影视剧信息
foreach ($cates as $cate) {
if ($cate['cate_id'] === $cate_id) {
echo "<h2>{$cate['alias']}</h2>";
echo '<ol>';
// 遍历影视剧数组
foreach ($movies as $movie) {
// 判断当前影视剧所属栏目是否与当前栏目id相同?
if ($cate['cate_id'] === $movie['mov_id']) {
echo "<li><a href='detail.php?mov_id=" . $movie['mov_id'] . "'>{$movie['title']}</a></li>";
}
}
echo '</ol>';
}
}
// 加载公共底部
include __DIR__ . '/inc/footer.php';运行实例 »
点击 "运行实例" 按钮查看在线实例
detail.php
实例
<?php
include __DIR__ . '/inc/header.php';
$list_id= intval($_GET['mov_id']);
foreach ($movies as $list){
if($list_id === $list['list_id']){
echo "<h3>{$list['title']}</h3>";
echo "<img src='../css/images/".$list['images']."' alt='' width=400px' >";
echo "<p style='text-indent: 2em;'>{$list['detail']}</p>";
}
}
include __DIR__ . '/inc/footer.php';运行实例 »
点击 "运行实例" 按钮查看在线实例
