你的位置:首页 > 软件开发 > Java > Jquery实现图片切换效果(IE,FF,Goole)都可以正常运行

Jquery实现图片切换效果(IE,FF,Goole)都可以正常运行

发布时间:2015-05-28 00:00:43
这里先对标签的样式进行设置(我这里只用了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 (#换成@)。

可能感兴趣文章

我的浏览记录