jQuery图文卡片3D叠加轮播切换代码.zip资源-CSDN文库

共13个文件

png：8个

js：2个

css：2个

版权申诉

jquery

jquery代码

jquery插件

jquery特效

76 浏览量 2023-09-21 00:21:56 上传评论收藏 124KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery图文卡片3D叠加轮播切换代码.zip （13个子文件）

zturn.js 5KB

jquery.min.js 91KB

img

a3.png 8KB

a5.png 13KB

a2.png 16KB

a1.png 13KB

a4.png 11KB

xueyuan.png 15KB

css

style.css 1KB

public.css 396B

index.html 20KB

images

bg_3d.png 17KB

iconin.png 1KB

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>jQuery图文卡片3D叠加轮播切换代码</title> <link rel="stylesheet" href="css/public.css" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/zturn.js"></script> </head> <body><script src="/demos/googlegg.js"></script>  <div class="lb_gl"> <div class="container"> <h1 class="turn_3d">听听这些老前辈的分享，你会获得信心</h1> <div class="pictureSlider poster-main"> <div class="poster-btn poster-prev-btn"></div> <ul id="zturn" class="poster-list"> <li class="poster-item zturn-item" > <p class="xxgy">学员感言1</p> <p class="say">明月几时有</p> <div class="for_btn"> <img src="img/a1.png" width="100%"> <a href="#" class="in_page"><img src="images/iconin.png" /></a> </div> <div class="students_star"> <p class="cell_list"><span class="lf">姓名：<span class="darks">小明</span></span> <span class="rt">薪资：<span class="darks">15k</span></span> </p> <p class="cell_list"><span>入职：<span class="darks">把酒问青天</span></span> </p> <div class="zwjs"> 自我介绍是向别人展示你自我介绍好不好,甚至直接关系到你给别人的第一印象的好坏及以后自我介绍是向别人展示你自我介绍好不好 </div> </div> </li> <li class="poster-item zturn-item"> <p class="xxgy">学员感言2</p> <p class="say">明月几时有</p> <div class="for_btn"> <img src="img/a2.png" width="100%"> <a href="#" class="in_page"><img src="images/iconin.png" /></a> </div> <div class="students_star"> <p class="cell_list"><span class="lf">姓名：<span class="darks">小明</span></span> <span class="rt">薪资：<span class="darks">15k</span></span> </p> <p class="cell_list"><span>入职：<span class="darks">把酒问青天</span></span> </p> <div class="zwjs"> 自我介绍是向别人展示你自我介绍好不好,甚至直接关系到你给别人的第一印象的好坏及以后自我介绍是向别人展示你自我介绍好不好 </div> </div> </li> <li class="poster-item zturn-item"> <p class="xxgy">学员感言3</p> <p class="say">明月几时有</p> <div class="for_btn"> <img src="img/a3.png" width="100%"> <a href="#" class="in_page"><img src="images/iconin.png" /></a> </div> <div class="students_star"> <p class="cell_list"><span class="lf">姓名：<span class="darks">小明</span></span> <span class="rt">薪资：<span class="darks">15k</span></span> </p> <p class="cell_list"><span>入职：<span class="darks">把酒问青天</span></span> </p> <div class="zwjs"> 自我介绍是向别人展示你自我介绍好不好,甚至直接关系到你给别人的第一印象的好坏及以后自我介绍是向别人展示你自我介绍好不好 </div> </div> </li> <li class="poster-item zturn-item" > <p class="xxgy">学员感言4</p> <p class="say">明月几时有</p> <div class="for_btn"> <img src="img/a4.png" width="100%"> <a href="#" class="in_page"><img src="images/iconin.png" /></a> </div> <div class="students_star"> <p class="cell_list"><span class="lf">姓名：<span class="darks">小明</span></span> <span class="rt">薪资：<span class="darks">15k</span></span> </p> <p class="cell_list"><span>入职：<span class="darks">把酒问青天</span></span> </p> <div class="zwjs"> 自我介绍是向别人展示你自我介绍好不好,甚至直接关系到你给别人的第一印象的好坏及以后自我介绍是向别人展示你自我介绍好不好 </div> </div> </li> <li class="poster-item zturn-item"> <p class="xxgy">学员感言</p> <p class="say">明月几时有</p> <div class="for_btn"> <img src="img/a5.png" width="100%"> <a href="#" class="in_page"><img src="images/iconin.png" /></a> </div> <div class="students_star"> <p class="cell_list"><span class="lf">姓名：<span class="darks">小明</span></span> <span class="rt">薪资：<span class="darks">15k</span></span> </p> <p class="cell_list"><span>入职：<span class="darks">把酒问青天</span></span> </p> <div class="zwjs"> 自我介绍是向别人展示你自我介绍好不好,甚至直接关系到你给别人的第一印象的好坏及以后自我介绍是向别人展示你自我介绍好不好 </div> </div> </li> <li class="poster-item zturn-item"> <p class="xxgy">学员感言</p> <p class="say">明月几时有</p> <div class="for_btn"> <img src="img/a1.png" width="100%"> <a href="#" class="in_page"><img src="images/iconin.png" /></a> </div> <div class="students_star"> <p class="cell_list"><span class="lf">姓名：<span class="darks">小明</span></span> <span class="rt">薪资：<span class="darks">15k</span></span> </p> <p class="cell_list"><span>入职：<span class="darks">把酒问青天</span></span> </p> <div class="zwjs"> 自我介绍是向别人展示你自我介绍好不好,甚至直接关系到你给别人的第一印象的好坏及以后自我介绍是向别人展示你自我介绍好不好 </div> </div> </li> <li class="poster-item zturn-item"> <p class="xxgy">学员感言</p> <p class="say">明月几时有</p> <div class="for_btn"> <img src="img/a2.png" width="100%"> <a href="#" class="in_page"><img src="images/iconin.png" /></a> </div> <div class="students_star"> <p class="cell_list"><span class="lf">姓名：<span class="darks">小明</span></span> <span class="rt">薪资：<span class="darks">15k</span></span> </p> <p class="cell_list"><span>入职：<span class="darks">把酒问青天</span></span> </p> <div class="zwjs"> 自我介绍是向别人展示你自我介绍好不好,甚至直接关系到你给别人的第一印象的好坏及以后自我介绍是向别人展示你自我介绍好不好 </div> </div> </li> <li class="poster-item zturn-item"> <p class="xxgy">学员感言</p> <p class="say">明月几时有</p> <div class="for_btn"> <img src="img/a3.png" width="100%"> <a href="#" class="in_page"><img src="images/iconin.png" /></a> </div> <div class="students_star"> <p class="cell_list"><span class="lf">姓名：<span class="darks">小明</span></span> <span class="rt">薪资：<span class="darks">15k</span></span> </p> <p class="cell_list"><span>入职：<span class="darks">把酒问青天</span></span> </p> <div class="zwjs"> 自我介绍是向别人展示你自我介绍好不好,甚至直接关系到你给别人的第一印象的好坏及以后自我介绍是向别人展示你自我介绍好不好 </div> </div> </li> <li class="poster-item zturn-item"> <p class="xxgy">学员感言</p> <p class="say">明月几时有</p> <div class="for_btn"> <img src="img/a4.png" width="100%"> <a href="#" class="in_page"><img src="images/iconin.png" /></a> </div> <div class="students_star"> <p class="cell_list"><span class="lf">姓名：<span class="darks">小明</span></span> <span class="rt">薪资：<span class="darks">15k</span></span> </p> <p class="cell_list"><span>入职：<span class="darks">把酒问青天</span></span> </p> <div

评论收藏

内容反馈

版权申诉