2021-05-09

小案例

1. 用button按钮写两个冰冻效果的按钮

<div id="frozen-btn">

      <button class="green">Hover me</button>

      <button class="purple">Hover me</button>

   </div>

   然后给他们添加样式

效果如下图

把鼠标放在上面会有亮光闪烁

 

  opacity:透明度   linear-gradient(red,#000)渐变颜色

 

1. 通过浏览器用js写一个播放音乐

代码也挺简单的  给一张图片，是用来点击的  绑定点击事件 获取id 再进行判断

  实现的效果

 点击这张图片的时候就会实现我们想要的结果：播放歌曲   当然歌曲是要我们事先引用进去才可以

1. 框架的使用知识

1.超小屏幕 col-加份数  响应点小于576px

2.小屏幕 col-sm加份数  响应点大于或等于576px

3.中屏幕 col-md加份数  响应点大于或等于768px

4.大屏幕 col-lg加份数  响应点大于或等于992px

5.超大屏幕 col-xl加份数  响应点大于或等于1140px

4.JQ电影排行

  

这个案例用到前面所说的  addClass() 添加   removeClass() 移除

     鼠标移动到文字标题上显示图片，移除时隐藏图片