jquery调用css3的不同方法实现qq头像添加用户的样子

《专题技术文献》

开发工具与关键技术:Adobe Dreamweaver CC 2017
作者:落雨的天_萧瑟
撰写时间:2019.1.18
   jquery调用css3的不同方法实现qq头像添加用户的样子

首先我们要创建好Html和引用jquery的插件如下:
jquery调用css3的不同方法实现qq头像添加用户的样子
第一步:给div设置css样式
jquery调用css3的不同方法实现qq头像添加用户的样子
其中z-index:是指权重的意思,赋的值大的一个显示。
第二步:

  1. 给div1一个鼠标移入移出事件,当移入时div2发生变化;鼠标移出时div2延时返回的效果。
    jquery调用css3的不同方法实现qq头像添加用户的样子
    2.利用juqery调用hover实现效果,设置鼠标当移入时div2发生的效果并删除掉鼠标移出的效果;鼠标移出时div2延时返回的效果并删除掉鼠标移入的效果。
    jquery调用css3的不同方法实现qq头像添加用户的样子
    3.利用on在选择元素上绑定一个或多个事件,当鼠标移入时添加一个类删除掉移出的类,移出时添加一个类删除掉移入的类,也可以用添加css样式的方法。
    jquery调用css3的不同方法实现qq头像添加用户的样子
    jquery调用css3的不同方法实现qq头像添加用户的样子
    结果:
    jquery调用css3的不同方法实现qq头像添加用户的样子