1 2 | < a href = "javascript:;" rel = "nofollow" class = "prev focus-prev png" id = "focus-prev" target = "_self" >Prev</ a > < a href = "javascript:;" rel = "nofollow" class = "next focus-next png" id = "focus-next" target = "_self" >Next</ a > |
分别为左边的切换按钮、右边的切换按钮
1 2 3 4 5 6 7 8 9 10 | < div class = "trigger" id = "focus-trigger" > < span >< i ></ i ></ span > < span >< i ></ i ></ span > < span >< i ></ i ></ span > < span >< i ></ i ></ span > < span >< i ></ i ></ span > < span >< i ></ i ></ span > < span >< i ></ i ></ span > </ div > 显示多少张图片下标提示多少张,增加图片的话,增加< span >< i ></ i ></ span > 标签就可以。 |
1 2 | < link rel = "stylesheet" type = "text/css" href = "base.css" /> < link rel = "stylesheet" type = "text/css" href = "main.css" /> |
css样式,需要修改显示区宽及高度,调样式在main中用到较多
1 2 3 | <script type= "text/javascript" src= "jquery.min.js" ></script> <script src= "missamy.js" ></script> <script type= "text/javascript" src= "main.js" ></script> |
比不可少的js代码,可根据自己需求在里面修改调整。
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com