web结课作业的源码：关于在线电影主题网站设计——腾龙电影(3页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
文章目录
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="css/common.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="js/jquery.superslide.2.1.1.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/common.js" type="text/javascript"></script>
<title>首页</title>
</head>
<body class="background_color">
<div class="Slideshow_style" id="Slideshow">
<div class="header_top">
<div class="header clearfix">
<a href="#" class="logo_style"><img src="picture/logo.png" /></a>
<div class="search_stye">
<input name="" type="text" class="search"/><button name="" type="button" class=" btn-success button_submit" onclick="submit_btn()"><i class="icon_search"></i>搜索</button>
</div>
</div>
</div>
<div class="wrapper" id="wrapper_slideBox">
<div class="hd Switch_operation">
<ul class=" clearfix">
<li><a href="#"><img src="picture/x-banner1.jpg" /><span></span></a></li>
<li><a href="#"><img src="picture/x-banner2.jpg" /><span></span></a></li>
<li><a href="#"><img src="picture/x-banner2.jpg" /><span></span></a></li>
<li><a href="#"><img src="picture/x-banner2.jpg" /><span></span></a></li>
<li><a href="#"><img src="picture/x-banner2.jpg" /><span></span></a></li>
<li><a href="#"><img src="picture/x-banner2.jpg" /><span></span></a></li>
<li><a href="#"><img src="picture/x-banner2.jpg" /><span></span></a></li>
<li><a href="#"><img src="picture/x-banner2.jpg" /><span></span></a></li>
<li><a href="#"><img src="picture/x-banner2.jpg" /><span></span></a></li>
</ul>
</div>
<div class="bd">
<ul>
<li style="background:url(images/banner2.jpg) no-repeat center; text-align:center; height:600px;"><a href="#" class=""></a></li>
<li style="background:url(images/banaer.png) no-repeat center; text-align:center; height:600px;"><a href="#" class=""></a></li>
</ul>
</div>
</div>
<script>jQuery("#wrapper_slideBox").slide({mainCell:".bd ul",autoPlay:true,delayTime:1000});</script>
</div>
<div class="home_style Channel">
<!--栏目-->
<div class="home_Column_style">
<div class="Column_list clearfix navigation_list">
<ul class="">
<li class="Channel_name"><a href="index.tml" ><i class="icon_TV"></i>首页</a></li>
<li class="Channel_name1"><a href="list_page.html" ><i class="icon_TV"></i>娱乐</a></li>
<p class="content">
凯瑟琳上校（海伦·米伦饰）率英国情报单位追捕一名女性恐怖分子长达六年，经由美军加入高空监视行动，好不…
</p>
</div>
</a>
</li>
<li class="Case_info">
<a href="#" class="movie_link">
<img src="picture/6.jpg" width="100%"/>
<div class="movie_title">
<div class="l_f width50">
<div class="bg ml10">
<div class="n_title_name">合作伙伴</div>
<div class="notice_list clearfix">
<a href="#" class="Cooperation_name">华数</a>
<a href="#" class="Cooperation_name">万达电影网</a>
<a href="#" class="Cooperation_name">华谊兄弟</a>
<a href="#" class="Cooperation_name">星美</a>
<a href="#" class="Cooperation_name">光线影业</a>
<a href="#" class="Cooperation_name">电影网</a>
<a href="#" class="Cooperation_name">华策影视</a>
<a href="#" class="Cooperation_name">百度视频</a>
<a href="#" class="Cooperation_name">百度百科</a>
<a href="#" class="Cooperation_name">微博视频台</a>
<a href="#" class="Cooperation_name">百度贴吧</a>
<a href="#" class="Cooperation_name">央广网</a>
<a href="#" class="Cooperation_name">hao123</a>
<a href="#" class="Cooperation_name">爱奇艺</a>
<a href="#" class="Cooperation_name">天猫店</a>
</div>
</div>
</div>
</div>
</div>
<!--底部样式-->
<div class="footer_style">
<div class="footer">
<div class="copys copys-list clearfix">
<a href="#">网络文化经营许可证 京网文[2014]xxxxx-236号</a>
<a href="#">京卫网审[2013]第0209号 网络110报警服务</a>
<a href="#">药品服务许可证(京)-经营2222-0029</a>
<a href="#">节目制作经营许可证京字670号</a>
</div>
<div class="link_name">
<a href="#">关于我们</a>|<a href="#">媒体合作</a>|<a href="#">开放平台</a>|<a href="#">广告服务</a>|<a href="#">联系我们</a>|<a href="#">工作机会</a>|<a href="#">友情链接</a></div>
<div class="Copyright">Copyright © 2004-2017 视频名称（xx.com）All rights reserved.</div>
<div class="align clearfix">
<a href="#"><img src="picture/ghs.png" />京公网安备：xxxxxxxxxxxxxxxx号</a>
<a href="#"><img src="picture/xy.png" />中国互联网诚信联盟</a>
</div>
</div>
</div>
<!-- 代码 开始 -->
<div class="go-top dn" id="go-top">
<a href="zhuce.html" target="_blank" class="feedback"></a>
<a href="javascript:;" class="go"></a>
</div>
</body>
</html>
<script>
/*********搜索*********/
function submit_btn(){
$(".search_style input[type$='text']").each(function(n){
if($(this).val()=="")
{
layer.open({
title: [
'我是标题',
'background-color:#8DCE16; color:#fff;'
]
,anim: 'up'
,content: '展现的是全部结构'
,btn: ['确认', '取消']
});
return false;
}
else{
location.href="search_page.html";
}
})
}
</script>
四、完整源码
~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号 获取更多源码 !