在网页制作中，怎么把图片应用为动态HTML效果

用PS做的是效果图，需要前端开发人员编写代码才可以在网站上展示出来。

简单来说，在PS里做好之后，需要切图。把图片切割成适合在网站上浏览。

切图时需要把文字分离出图片的要处理好。

切好图片之后，需要用html结合JavaScript等知识编写代码。

这样写出的页面还只是静态的网站。

如果想要做成动态的效果，还需要搭建后台，连接数据库等。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的script标签中，填入js代码：setInterval('$("img").attr("src", "small3.png")', 1000)。

3、浏览器进入index.html页面中，此时显示出一张图片。

4、过1秒后，图片自动切换为另一张图片了。

#tb {

    border: 5px solid #fcd342

    background-color: #ff252a

    width: 300px

    text-align: center

    border-collapse: collapse

    margin: 0 auto//加上一个这个代码

}

---