本节简介:使用淘宝自带类样式.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原定义属性~~~