jquery调用css3的不同方法实现qq头像添加用户的样子
《专题技术文献》
开发工具与关键技术:Adobe Dreamweaver CC 2017
作者:落雨的天_萧瑟
撰写时间:2019.1.18
jquery调用css3的不同方法实现qq头像添加用户的样子
首先我们要创建好Html和引用jquery的插件如下:
第一步:给div设置css样式
其中z-index:是指权重的意思,赋的值大的一个显示。
第二步:
- 给div1一个鼠标移入移出事件,当移入时div2发生变化;鼠标移出时div2延时返回的效果。
2.利用juqery调用hover实现效果,设置鼠标当移入时div2发生的效果并删除掉鼠标移出的效果;鼠标移出时div2延时返回的效果并删除掉鼠标移入的效果。
3.利用on在选择元素上绑定一个或多个事件,当鼠标移入时添加一个类删除掉移出的类,移出时添加一个类删除掉移入的类,也可以用添加css样式的方法。
结果: