jquery鼠标图片右侧退缩效果
工具/原料
adobe dreamweaver
方法/步骤
1
准备好需要用到的图标。
2
新建html文档。
3
书写hmtl代码。
jquery鼠标图片动画效果
Demo 2
4
书写css代码。* { margin: 0; padding: 0; }body { text-align: center; }#mindscape { width: 750px; height: 174px; overflow: hidden; margin: 0 auto; }#monsteck_variketch { width: 750px; margin: 0 auto; height: 200px; overflow: hidden; }
5
代码整体结构。
6
查看效果。