jQuery项目案例一:电影排行榜项目
项目介绍
豆瓣电影/猫眼电影提供最新的电影介绍 及评论包括上映影片的影讯查询及购票服务。你可以记录想看、在看和看过的电影电视剧,顺便打分、写影评。根据你的口味,豆瓣电影会根据用户填写的信息显示电影排行榜以供用户参考。 那么我们就开实现一下吧.
项目效果图
项目核心知识点
jQuery选择器
$('li')
jQuery事件类型
$('li').mouseenter
$('li').mouseleave
jQuery标签操作
$(this).addClass
$(this).removeClass
项目源代码
HTML代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="css/movie.css">
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="js/movie.js"></script>
</head>
<body>
<<