<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/index.css" />
<script type="text/javascript" src="js/jquery-3.5.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var screenAmount = $(".container ul li").length / 5;//计算屏幕数量
$(".container ul li:lt(5)").clone().appendTo(".container ul");//复制前5个元素
var nowScreen = 0; //屏幕号
$(".rightBtn").click(function(){
if(nowScreen < screenAmount - 1){
nowScreen ++ ;//屏幕号加1
$(".container").animate({"left" : -775 * nowScreen} , 800);//定义动画
}else{
nowScreen = 0;
$(".container").animate({"left" : -775 * screenAmount} , 800 , function(){
$(this).css("left",0);//元素回到初始位置
});
}
$(".hd .right span").html(nowScreen + 1 + "/" + screenAmount);//显示屏幕号
});
$(".leftBtn").click(function(){
if(nowScreen > 0){
nowScreen -- ;//屏幕号减1
$(".container").animate({"left" : -775 * nowScreen} , 800);//定义动画
}else{
nowScreen = screenAmount - 1;
$(".container").css("left" , -775 * screenAmount).animate({"left" : -775 * (screenAmount - 1)},800);//移动到复制的5个元素并执行动画
}
$(".hd .right span").html(nowScreen + 1 + "/" + screenAmount);//显示屏幕号
});
//每隔5秒钟自动触发元素的click事件
var timer = setInterval(function(){$(".rightBtn").trigger("click")}, 5000);
//鼠标进入元素停止移动
$(".is-on").mouseenter(function() {
clearInterval(timer);
});
//鼠标离开元素恢复移动
$(".is-on").mouseleave(function() {
timer = setInterval(function(){$(".rightBtn").trigger("click")}, 5000);
});
});
$(document).ready(function() {
var len = $(".banner").find("a");//获取广告图片
var pos = 0;//定义变量值为0
setInterval(function(){
len.eq(pos).hide();//隐藏元素
pos++;//变量值加1
if(pos == len.length) pos=0;//变量值重新定义为0
len.eq(pos).show();//显示元素
},3000);//每隔3秒钟切换元素
});
$(document).ready(function() {
$(".hot-film-main div").hide(); //隐藏热门电影和最新电影
$(".hot-film ul li a:first").addClass("active"); //为第一个标签添加样式
$(".hot-film-list").show(); //显示热门电影
$(".hot-film ul li a").click(function() { //鼠标单击某标签
//为当前的标签添加样式并移除另一标签样式
$(this).addClass("active").parent().siblings().find("a").removeClass("active");
var index = $(this).parent().index();//获取当前标签索引
$(".hot-film-main div").eq(index).show().siblings().hide();//控制热门电影和最新电影的显示或隐藏
});
});
</script>
</head>
<body>
<div id="nav">
<div class="nav-logo"><a href="index.html">豆瓣电影</a></div>
<div class="nav-items">
<ul>
<li><a href="javascript:;">影讯 & 购票</a></li>
<li><a href="javascript:;">选电影</a></li>
<li><a href="javascript:;">电视剧</a></li>
<li><a href="javascript:;">排行榜</a></li>
<li><a href="javascript:;">分类</a></li>
<li><a href="javascript:;">影评</a></li>
<li><a href="javascript:;">2020年度榜单</a></li>
</ul>
</div>
</div>
<div id="main">
<div id="left">
<div class="is-on">
<div class="hd">
<h2>正在热映</h2>
<div class="right">
<span>1/3</span>
<a class="leftBtn" href="javascript:;"></a>
<a class="rightBtn" href="javascript:;"></a>
</div>
</div>
<div class="bd">
<div class="container">
<ul>
<li>
<a href="detail/mnyys.html"><img src="images/1.jpg" alt="" /></a>
<p><a href="detail/mnyys.html">美女与野兽</a></p>
<div class="rating">
<span class="starrating"><span class="star40"></span></span>
<span class="score">7.2</span>
</div>
<a href="javascript:;" class="goupiao">选座购票</a>
</li>
<li>
<a href="detail/thwj.html"><img src="images/2.jpg" alt="" /></a>
<p><a href="detail/thwj.html">头号玩家</a></p>
<div class="rating">
<span class="starrating"><span class="star45"></span></span>
<span class="score">8.7</span>
</div>
<a href="javascript:;" class="goupiao">选座购票</a>
</li>
<li>
<a href="detail/fwhyj.html"><img src="images/3.jpg" alt="" /></a>
<p><a href="detail/fwhyj.html">飞屋环游记</a></p>
<div class="rating">
<span class="starrating"><span class="star45"></span></span>
<span class="score">8.9</span>
</div>
<a href="javascript:;" class="goupiao">选座购票</a>
</li>
<li>
<a href="detail/mtyj.html"><img src="images/4.jpg" alt="" /></a>
<p><a href="detail/mtyj.html">摩天营救</a></p>
<div class="rating">
<span class="starrating"><span class="star35"></span></span>
<span class="score">6.4</span>
</div>
<a href="javascript:;" class="goupiao">选座购票</a>
</li>
<li>
<a href="detail/yhhwd.html"><img src="images/5.jpg" alt="" /></a>
<p><a href="detail/yhhwd.html">银河护卫队</a></p>
<div class="rating">
<span class="starrating"><span class="star40"></span></span>
<span class="score">8.0</span>
</div>
<a href="javascript:;" class="goupiao">选座购票</a>
</li>
<li>
<a href="detail/crzdy2.html"><img src="images/6.jpg" alt="" /></a>
<p><a href="detail/crzdy2.html">超人总动员2</a></p>
<div class="rating">
<span class="starrating"><span class="star40"></span></span>
<span class="score">8.1</span>
</div>
<a href="javascript:;" class="goupiao">选座购票</a>
</li>
<li>
<a href="detail/jqrzdy.html"><img src="images/7.jpg" alt="" /></a>
<p><a href="detail/jqrzdy.html">机器人总动员</a></p>
<div class="rating">
<span class="starrating"><span class="star45"></span></span>
<span class="score">9.3</span>
</div>
<a href="javascript:;" class="goupiao">选座购票</a>
</li>
<li>
<a href="detail/jtmdt.html"><img src="images/8.jpg" alt="" /></a>
<p><a href="detail/jtmdt.html">惊天魔盗团</a></p>
<div class="rating">
<span class="starrating"><span class="star40"></span></span>
<span class="score">7.5</span>
</div>
<a href="javascript:;" class="goupiao">选座购票</a>
</li>
<li>
<a href="detail/cmdsj.html"><img src="images/9.jpg" alt="" /></a>
<p><a href="detail/cmdsj.html">楚门的世界</a></p>
<div class="rating">
<span class="starrating"><span class="star45"></span></span>
<span class="score">9.2</span>
</div>
<a href="javascript:;" class="goupiao">选座购票</a>
</li>
<li>
<a href="detail/dmkj.html"><img src="images/10.jpg" alt="" /></a>
<p><a href="detail/dmkj.html">盗梦空间</a></p>
<div class="rating">
<span class="starrating"><span class="star45"></span></span>
<span class="score">9.3</span>
</div>
<a href="javascript:;" class="goupiao">选座购票</a>
</li>
<li>
<a href="detail/fkdwc.html"><img src="images/11.jpg" alt="" /></a>
<p><a href="detail/fkdwc.html">疯狂动物城</a></p>
<div class="rating">
<span class="starrating"><span class="star45"></span></span>
<span class="score">9.1</span>
</div>
<a href="javascript:;" class="goupiao">选座购票</a>
</li>
<li>
<a href="detail/fczlm.html"><img src="images/12.jpg" alt="" /></a>
<p><a href="detail/fczlm.html">复仇者联盟</a></p>
<div class="rating">
<span class="starrating"><span class="star40"></span></span>
<span class="score">8.1</spa
JavaScript从入门到精通（第4版）（示例源码+习题答案）.7z
版权申诉
5星 · 超过95%的资源 114 浏览量
2022-07-14
14:18:54
上传
评论 3
收藏 15.32MB 7Z 举报 
JavaScript从入门到精通（第4版）（示例源码+习题答案）.7z （782个子文件） 
1.bmp 2.12MB
score.css 8KB index.css 5KB index.css 4KB style.css 2KB style.css 2KB style.css 1KB style.css 793B style.css 391B style.css 311B style.css 286B css.css 241B sheet.css 153B sheet.css 153B progress.css 140B in.css 110B Thumbs.db 60KB Thumbs.db 47KB Thumbs.db 25KB Thumbs.db 24KB Thumbs.db 15KB Thumbs.db 11KB Thumbs.db 10KB Thumbs.db 10KB Thumbs.db 8KB Thumbs.db 7KB Thumbs.db 6KB Thumbs.db 6KB Thumbs.db 6KB Thumbs.db 6KB Thumbs.db 6KB Thumbs.db 6KB Thumbs.db 5KB Thumbs.db 5KB Thumbs.db 5KB
bg.GIF 113KB banner_bg.gif 98KB Top_03.gif 66KB profile1.GIF 54KB 01.gif 50KB bg.gif 43KB bg.gif 43KB bg.gif 43KB bg.gif 43KB bg.gif 43KB Top_02.gif 28KB Mymouse.gif 26KB Mymouse.gif 26KB Mymouse.gif 26KB navigation_bg.gif 20KB Top_01.gif 18KB menu_son.gif 15KB Top_04.gif 12KB dl_01.gif 12KB our.gif 10KB contact.gif 8KB logo_bg.gif 8KB menu_01.gif 8KB result.gif 7KB login_BG_M.GIF 7KB mr.gif 6KB menu_01_over.gif 5KB menu_02.gif 5KB detail_top.gif 5KB KJXXLogo.gif 5KB menu_05.gif 5KB Login_M_Top.gif 5KB ZQLogo.gif 4KB menu_02_over.gif 4KB menu_06.gif 4KB menu_07.gif 4KB menu_03.gif 4KB friend_03.gif 4KB dl_03.gif 3KB MRLogo.gif 3KB menu_04.gif 3KB dl_07.gif 3KB top.gif 3KB top.gif 3KB navigation_bg_move.gif 3KB reg.gif 3KB reg.gif 3KB dl_06.gif 3KB detail_center1.gif 3KB bottom.gif 3KB bottom.gif 3KB re_top.gif 2KB 04.gif 2KB 02.gif 2KB menu_07_over.gif 2KB menu_bg.gif 2KB menu_bg.gif 2KB menu_03_over.gif 2KB menu_05_over.gif 2KB menu_04_over.gif 2KB menu_06_over.gif 2KB title_show.gif 2KB title_show.gif 2KB title_hide.gif 2KB title_hide.gif 2KB共 782 条
- 1
- 2
- 3
- 4
- 5
- 6
- 8
qq_38220914
- 粉丝: 0
- 资源: 4313
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减3.57元 开通VIP
- 1
- 2
前往页