本节简介:使用旋转木马制作带箭头的轮播图效果,以及定义箭头位置的实际案例。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
J_TWidget中 加两个div : 可命名left 左括号 < right 右括号 > 配置参数 prevBtnCls上一页的class值 nextBtnCls 下一页的class值
overflow:hidden 超出内容隐藏 配置参数加个'circular':true 滚动效果就不会从最后一张拉回第一张
‘circular’:'ture' 无缝轮播 就算没按钮也必须些按钮的ul 和li否则系统会自动加
新参数:circular: prevBtnCls; nextBtnCls;
cursor:pointer 鼠标移入变小手 ' prevBtncls':'left'左箭头 ' nextBtncls':'right'右箭头 'circular':true轮播正常自然切换 float:left 可以让元素显示在一行 在最外面加个盒子 定义宽高 用于撑起这个元素 超出的 overflow:hidden <div 压在整个背景上 需要用footer-more-trriger 定位
cursor:pointer:小手~~text-align:center:文字居中,line-height;(元素高度)垂直居中,~~circular:true,滚动效果,无缝~~~无缝轮播用'circular':'true' overflow:hidden 超出隐藏
text-align:center:文字居中,line-height;(元素高度)垂直居中,
无缝轮播用'circular':'true' overflow:hidden 超出隐藏