文献:案例《电影排行榜》
案例内容大致是,多个电影名整齐排列在屏幕中央,有明显的边框将他们划分,鼠标移入某个边框内显示该电影的宣传海报和电影简介,移出后隐藏。
鼠标移入 3肥龙过江 中
主要技术:js、jq
页面:div包裹的 标题h2(电影排行榜为标题) 、主要内容ul(作父级元素)和js中插入的li标签
样式不做解释
代码部分:
1、页面代码;
页面信息在js部分里,通过数组的方式保存
2、原生js;
主要内容有多个,每个都具有序号、标题、海报、简介四个部分,则声明四个变量来存储信息