摘要: 源码文件: Carousel.scssCarousel.js 实现原理: 隐藏所有要显示的元素,然后指定当前要显示的为block,宽、高自适应 源码分析: 1、Html结构:主要分为以四个部分 1.1、容器:最外层div,需要一个data-ride=”carousel”来指定为轮播放插件,并且提供一个Id,方便圆圈指示符的关联 1.2、图片列表部分,用一个外层div包裹所有,然后每个img会被... 阅读全文
posted @ 2016-06-12 21:47 SamDragon 阅读(1098) 评论(0) 推荐(0)
摘要: 一、tooltip(提示框) 源码文件: Tooltip.jsTooltip.scss 实现原理: 1、获取当前要显示tooltip的元素的定位信息(top、left、bottom、right、width、height等)2、计算tooltip的位置,是top、left、bottom、right其中一个3、然后根据计算的位置值,运算出坐标值4、给tooltip应用坐标值 源码分析: 1、owner... 阅读全文
posted @ 2016-06-12 21:35 SamDragon 阅读(2487) 评论(0) 推荐(0)