详细动态页面

一、主题：完成详情页面的动态效果

二、知识点

1、jQuery操作css

addClass:向被选元素添加一个或多个类

removeClass:从被选元素删除一个或多个类

toggleClass:对被选元素进行添加/删除类的切换操作

css():设置或返回样式属性

2、jQuery hover方法

定义：

hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数。

如果只规定了一个函数，则它将会在 mouseenter 和 mouseleave 事件上运行。

调用:

方法触发 mouseenter 和 mouseleave 事件。

调用：

$( selector ).mouseenter( handlerIn ).mouseleave( handlerOut );

三、项目步骤

1、引入js和css。

2、编写html代码，设置页面。

3、修改css里的图片路径和htm里的图片路径，并修改图片高宽、边框颜色、间距。