这种形式叫做什么，动态图片？用css如何实现？

html-css028

这种形式叫做什么，动态图片？用css如何实现？,第1张

动态图片应该是一张具有动态效果的图片，而这个应该是自动切换图片和点击切换图片的结合吧，这个效果可以通过js的setInterval（fn，time）函数实现，表示每隔time毫秒时间执行一次fn函数，fn函数中可以设置<img>里面的src属性，已到达没隔一段时间切换一张图片，至于点击切换图片，就更简单了，直接用onclick事件实现。

<style>

.bgwhite{background-color:whiteborder:none}

.bgchange{background-color:yellowborder:1px solid blue}

</style>

<div id="div1" onmouseOver="this.className='bgchange'" onmouseOut='this.className=''bgchange'>家居街 百诚家电 整体厨房 卫浴瓷砖 集成吊顶 地板地暖 门窗楼梯 整体家具 油漆涂料</div>

说明:主要用onmouseOver和onmouseOut来控制这个DIV的样式

还有不懂的可以HI我

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

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

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

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

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

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