这里先对标签的样式进行设置(我这里只用了3张图片,可以根据自己的情况,添加) 1 <style type="text/css"> 2 3 /*展示图片切换的div样式*/ 4 #ShowImg { 5 wi ...
这里先对标签的样式进行设置(我这里只用了3张图片,可以根据自己的情况,添加)
1 <style type="text/css"> 2 3 /*展示图片切换的div样式*/ 4 #ShowImg { 5 width: 599px; 6 height: 324px; 7 background-image: url("imgs/1.jpg");/*注意自己的图片路径和图片名称*/ 8 margin: 0 auto; 9 }10 /*显示点击切换按钮的div*/11 #Nav {12 height: 26px;13 padding-top: 280px;14 padding-left: 480px;15 16 }17 /*这里是切换按钮,这里用li实现*/18 #Nav ul li {19 display: block;20 font-size: 9px;21 padding-top: 3px;22 float: left;23 margin: 2px;24 width: 19px;25 cursor: pointer;26 color: #7f0019;27 font-family: "arial";28 height: 19px;29 background-color: #fff;30 border: 1px solid #cecece;31 text-align: center;32 }33 </style>
原标题:Jquery实现图片切换效果(IE,FF,Goole)都可以正常运行
关键词:jquery
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。