本節簡介:使用旋轉木馬制作帶箭頭的輪播圖效果,以及定義箭頭位置的實際案例。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
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 超出隱藏