比如<li><img class=pic1 src="test.jpg" /><img class=pic2 src="test2.jpg" /></li>
<style>
.pic2{display:none}
li:hover .pic2{display:block}
</style>
设置pic2为隐藏,当鼠标触发li:hover属性时设置其为可见就行了。
用PS做的是效果图,需要前端开发人员编写代码才可以在网站上展示出来。简单来说,在PS里做好之后,需要切图。把图片切割成适合在网站上浏览。切图时需要把文字分离出图片的要处理好。切好图片之后,需要用html结合JavaScript等知识编写代码。这样写出的页面还只是静态的网站。如果想要做成动态的效果,还需要搭建后台,连接数据库等。