jQuery商品图片放大全屏查看

1、新建html文档。

3、书写css代码。<style>.page { padding: 5px 30px 30px 30px; max-width: 800px; margin: 0 auto; font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif; background: #fff; color: #555; }img { border: none; }a:link, a:visited { color: #F0353A; }a:hover { color: #8C0B0E; }ul { overflow: hidden; }pre { background: #333; padding: 10px; overflow: auto; color: #BBB7A9; }.demo { text-align: center; padding: 30px 0 }.clear { clear: both; }</style>

4、书写并添加js代码。<script src="js/jquery.min.js"></script> <script src="js/smoothproducts.min.js"></script>

5、代码整体结构。

6、查看效果。