CSS+DIV布局与特效案例.pdfVIP

CSS+DIV

布局赏析

下面收集了

20

个

CSS

的特效代码，仅仅使用

CSS

配合

HTML语言，就可以实现例如图像画廊、阴影、菜

单等众多效果，这些源自于国外知名

CSS

网站的特效很有代表性，非常具有参考价值，而国内在这方面的

研究明显落后于国外技术。由于这些特效的代码非常复杂，限于篇幅，不能在电子书中列出具体代码，但

每一个特效均可以查看光盘中对应的源文件，供读者下载代码并参考。

1.

鼠标移到小图上放大查看大图效果

路径：CSS+DIV

布局赏析/01.htm

一个纯粹依据

CSS

的画廊，鼠标上滚图像上方时可以放大图像查看，如下图所示。

鼠标移到小图上放大查看大图效果

2.

css鼠标滑过图片变化效果

路径：CSS+DIV

布局赏析/02.htm

一个有创造性的导航菜单方案，如下图所示。

css鼠标滑过图片变化效果

3.

滑动图片画廊效果

路径：CSS+DIV

布局赏析/03.htm

鼠标移动可以展开全图，而其它图片相应收缩，如下图所示。

滑动图片画廊效果

4.

图片阴影效果

路径：CSS+DIV

布局赏析/04.htm

一个使图像出现投影的

CSS

效果，如下图所示。

图片阴影效果

5.

多页相册画廊

路径：CSS+DIV