本節簡介:使用淘寶自帶類樣式.footer-more制作鼠標經過時圖片顯示與隱藏效果等
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
footer-mone: 清除原來樣式 padding:0 加寬高
footer-more-panel 清除原來樣式 bottom:0;right:0;left:0;top:0;padding:0;border:none: 設高寬和背景
利用淘寶類 footer-more footer-more-panel來做鼠標觸發效果
.footer-more類 .footer-more.footer-more-panel類 .footer-more:hover .footer-more-panel
footer-more-panel 系統顯示隱藏類
當淘寶自動消除css樣式時,我們可用它自帶的類樣式。
樣式的重要級別: 內聯樣式>;內部樣式>;外聯樣式>;
footer-more-panel控制元素顯示與隱藏
footer-more父級.footer-more-panel子級
footer-more父集 footer-more-panel子集做開關燈效果 里面的默認效果 做的時候要覆蓋掉 最外層要套個div因為位置會沒了 下面模塊會遮住
footer-more父級顯示footer-more-panel子集隱藏    footer-more-trigger子集定位突破寬的用
footer-more父集,footer-more-panel子集
calss=footer-more class=‘’footer-more-panel :鼠標移入時隱藏區塊顯示~~只要把圖像網絡地址換到 foot-more 和foot-more-panel 里就可以了~~~footer-more定義背景,footer-more-panel定義鼠標經過是時顯示圖像,覆蓋footer-more footer-more-panel原定義屬性~~~