求解懒人图库里这些素材是怎么用的？求详细解释

html-css017

求解懒人图库里这些素材是怎么用的？求详细解释,第1张

reset.css、index.css、jquery-1.7.2.min.js这些都是外部链接样式，后缀名不变，名字自定义，一般下载了之后根据你想要的结果可以加以修改，不过js样式改的比较少，大部分是改css样式，<!---->这个符号是注释的意思，写在这个里面的任何东西都会不起作用，这样备注了之后不会因为代码太多而找不到特效的代码，具体的你可以查看w3c规则或者是网上教程

引入js文件，比如一个是1.js，另一个是2.js，

那么你在页面<head></head>之间加入：

<script type="text/javascript" src="1.js"></script>

<script type="text/javascript" src="2.js"></script>

再加入一个CSS的引入：

<link href="1.css" rel="stylesheet" type="text/css" />

你还需要看明白它的html，把它复制进你要整合的页面。

假设用来显示圆点div的class是point，图片区域的大小是10*10px的，然后那个图片的文件名是point_pic.gif。那么html的代码大致上可以写成下面这样

<div class="point"></div>

在css里面的定义可以是这样：

.point {width:10pxheight:10pxbackground:url(point_pic.gif) 0 0 no-repeat}

.point:hover {background:0 -10px}

这样就可以实现鼠标移上去以后改变背景图片的效果了，其实本质上就是先给div设置一个固定的大小，然后控制在鼠标滑过状态时，背景图片在div里面的位置