2020 年 10月 28 日随笔档案 - 一往而深のcode

2020年10月28日

jQuery 轮播图版本四：（jquery.SuperSlide.2.1.1.js）做轮播图，多张图向左翻页

摘要：效果如下 1.HTML部分 <div class="four_box"> <div class="cont1200"> <div class="picScroll-left"> <div class="hd"> <a class="next"><img src="__IMG__/index/whit 阅读全文

posted @ 2020-10-28 21:55 一往而深のcode 阅读(860) 评论(0) 推荐(0) 编辑

jQuery 轮播图版本三：（swiper.js）做轮播图，三张图轮播

摘要：效果如下用到的箭头图片 1.HTML部分 <div class="three_box"> <div class="cont1200"> <h3 class="tc color_fff font_bold font26px">工作室</h3> <div id="certify"> <div clas 阅读全文

posted @ 2020-10-28 21:47 一往而深のcode 阅读(875) 评论(0) 推荐(0) 编辑

jQuery 轮播图版本二：（jquery.SuperSlide.2.1.1.js）做轮播图，右侧文字部分随轮播图轮播

摘要：效果如下： HTML部分： <div class="two_box"> <div class="cont1200"> <div id="demo1" class="picBtnTop"> <div class="hd"> <ul> <li> <div class="date"> <div class 阅读全文

posted @ 2020-10-28 21:38 一往而深のcode 阅读(1585) 评论(0) 推荐(0) 编辑

jQuery 轮播图版本一：（jquery.SuperSlide.2.1.1.js）做轮播图，底部带分页，箭头

摘要：效果如下： 1.HTML部分 <div class="banner"> <div class="example"> <div class="ft-carousel" id="carousel_1"> <div id="slideBox" class="slideBox"> <div class="h 阅读全文

posted @ 2020-10-28 21:27 一往而深のcode 阅读(1546) 评论(0) 推荐(0) 编辑