
轮播图
Nobita Chen
UX设计师、爱好WEB开发
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
自己动手写一个极简轮播图
因现在第三方轮播图插件过于冗余,所以尝试自己写一个看看,使用setTimeout函数+jQuery还是比较容易实现的。 <!DOCTYPE html> <html> <head> <title> </title> <script src="原创 2018-12-05 10:35:16 · 481 阅读 · 0 评论 -
置于固定宽度容器中的轮播图重置它的宽度_Swiper
使用场景:用户自定义的代码只能在固定的宽度内如1190像素内显示,可是轮播图希望做到更宽,怎么办? 本例采用绝对定位,突破宽度的限制,然后水平居中显示。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</原创 2018-12-03 22:48:54 · 1702 阅读 · 0 评论 -
swiper4多张缩微图轮播
<script> $(function (e) { $('#thumb-img ul li').click(function () { $('#bigimg ul li').html($(this).html()); }) var swiper = new Swiper('.swiper-container', { slides...原创 2019-05-27 22:02:23 · 927 阅读 · 0 评论