请选择 进入手机版 | 继续访问电脑版

jquery实现轮播图

[复制链接]
来自北方 发表于 2021-1-1 17:46:32 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
  1. 轮播图* {        margin: 0;        padding: 0;}ul {        list-style: none;}.outer {        margin: 50px auto;        hight: 350px;        width: 600px;        position: relative;}img {        hight: 400px;        width: 400px;        position: absolute;        top: 0;        left: 0}.num {        position: absolute;        top: 280px;        text-align: center;        width: 60%;}.num li {        display: inline-block;        height: 20px;        width: 20px;        background-color: gray;        color: #ffffff;        text-align: center;        line-height: 20px;        border-radius: 50%;        margin: 0 10px;}.btn {        position: absolute;        height: 60px;        width: 30px;        background-color: gray;        color: #ffffff;        text-align: center;        line-height: 60px;        margin-top: 140px;}.left_btn {        left: 0;}.right_btn {        right: 200px;}.outer:hover .btn {        display: block;}.current {        background-color: red !important;}                       
  2. [list]                       
  3. [*][url=https://www.jianchenwangluo.com/][img]https://www.jianchenwangluo.com/img1.jpeg[/img][/url]                       
  4. [*][url=https://www.jianchenwangluo.com/][img]https://www.jianchenwangluo.com/img2.jpeg[/img][/url]                       
  5. [*][url=https://www.jianchenwangluo.com/][img]https://www.jianchenwangluo.com/img3.jpeg [/img][/url]                       
  6. [*][url=https://www.jianchenwangluo.com/][img]https://www.jianchenwangluo.com/img4.jpeg[/img][/url]               
  7. [/list]               
  8. [list]                       
  9. [*]1                       
  10. [*]2                       
  11. [*]3                       
  12. [*]4               
  13. [/list]                </div                div class="right_btn btn">
  14.        
  15.                
复制代码
效果


来源:https://blog.csdn.net/shitou987/article/details/112028659
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

发布主题

专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )