unslider:小而美的轮播库

今天开始增加一个环节——封面人物。

思考了一段时间,感觉封面图还是放一些有意义的东西比较好。
每天的封面人物会选择一个IT行业的名人,并做简短的介绍,增加一下大家的姿势,说不定某天面试的时候你就会再见到他~ 

   




封面人物:阿兰·麦席森·图灵(Alan Mathison Turing)

被誉为计算机科学之父、人工智能之父。1912年6月23日生于英国帕丁顿,1931年进入剑桥大学国王学院,师从著名数学家哈代,1938年在美国普林斯顿大学取得博士学位,二战爆发后返回剑桥,曾协助军方破解德国的著名密码系统Enigma,帮助盟军取得了二战的胜利。1954年6月7日在曼彻斯特去世。

图灵是一名的男同性恋者,还是一位世界级的长跑运动员。他的马拉松最好成绩是2小时46分3秒,比1948年奥林匹克运动会金牌成绩慢11分钟。1948年的一次跨国赛跑比赛中,他跑赢了同年奥运会银牌得主汤姆·理查兹(Tom Richards)。




推荐指数:★★★★☆

使用难度:★

适用范围:网站首页,需要轮播展示信息或图片的地方。

GitHub数据





小巧玲珑的轮播库,基于jquery。

亮点:

- 体积小,不到3kb
- 兼容性好,兼容最新的主流浏览器
- 自动适应不同高度的slide,
- 响应式布局,可以支持不同尺寸的页面




效果截图




这是unslide的官网,页面上方就是效果。




一段代码教程



  • 这是第一页
  • 这是第二页
  • 这是第三页


$(function() {
$('.banner'). });


第一部分定义了轮播的内容,第二部分调用库。

需要注意的是,库并不负责样式,内容的样式比如高度颜色等等需要你自己写好。库只负责动作。




缺点

不支持旧IE系列(其实是优点)。



大家有觉得不错的库一定要推荐给我哦~共同进步!



欢迎扫描二维码关注我的微信号“GitHub不完全装B指南”,获取最新文章。

谢谢~

你可能感兴趣的:(unslider:小而美的轮播库)