CSS+jQuery实现点击展开折叠菜单
<!DOCTYPE html> <html> <head> <title>折叠菜单</title> <style> body{ background:grey; font-family:Microsoft Yahei; color:whi...
- 0
- 0
- 李沁雪
- 发布于 2020-07-07 12:42
- 阅读 ( 640 )
李沁雪
JavaScript阻止事件冒泡与事件捕获
1、事件冒泡 在一个对象上触发某类事件，如onclick事件等，在其祖先节点上也会依次触发该事件。 <body οnclick="alert('body')"><div οnclick="alert('div')"><a href="" οn...
- 0
- 0
- 李沁雪
- 发布于 2020-07-07 12:34
- 阅读 ( 650 )
CSS3动画使用-transform: rotate（旋转） | scale（缩放） | translate（移动） | skew（倾斜）
1、CSS3 transform属性 应用于2D或3D转换，允许对元素进行倾斜、移动、缩放或旋转。 2D转换元素能够改变元素 x 和 y 轴，3D转换元素还能改变其 Z 轴。 属性： none定义不进行转换。matr...
- 0
- 0
- 李沁雪
- 发布于 2020-07-07 12:05
- 阅读 ( 680 )
Css实现图片斜切效果
css mask的原理：只会把遮罩图里透明像素所对应的原图部分进行隐藏。 渐变图作为mask，置于另一张图片上面。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"...
- 0
- 0
- 李沁雪
- 发布于 2020-07-07 11:51
- 阅读 ( 703 )
windows下搭建Vue.js开发环境教程
1、安装node.js node.js的官方地址为：https://nodejs.org/en/download/。 根据windows版本后，选择要下载的安装包，下载完毕，按照windows一般应用程序，一路next就可以安装成功，建议不要安...
- 0
- 0
- 李沁雪
- 发布于 2020-07-07 11:41
- 阅读 ( 661 )
HTML5离线存储的使用及原理注意事项
在用户没有与因特网连接时，可以正常访问站点或应用；在用户与因特网连接时，更新用户机器上的缓存文件。 原理： HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术)，...
- 0
- 0
- 李沁雪
- 发布于 2020-07-07 11:38
- 阅读 ( 664 )
JS实现仿淘宝鼠标移入图片右侧显示区域大图片
// 获取左侧图片路径后赋值给右侧大图片 如果左侧有多张小图片 请将获取的ID改成class,然否使用for循环,不会的去社会猿提问,我会在答案区留下demo,地址:www.shehuiyuan.com <!DOCTYPE html...
- 1
- 1
- admin
- 发布于 2020-07-06 23:34
- 阅读 ( 827 )
admin
javascript实现视频弹幕的效果
简单版本： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> * { margin: 0; padding: 0; } .dm { width: 800px; he...
- 0
- 0
- admin
- 发布于 2020-07-06 22:42
- 阅读 ( 438 )
javascript实现弹幕墙效果
刚开始入门前端，想仿照FreeCodeCamp中的一个项目制作简单的弹幕墙。创建一个弹幕显示墙，以及两个按钮，分别为“发送”和“清屏”，并在文本框中设置placeholder为“说点什么吧？”以提示用户在此输...
- 0
- 0
- admin
- 发布于 2020-07-06 22:25
- 阅读 ( 450 )
jquery实现视频或直播弹幕效果
本文实例为大家分享了jquery直播弹幕展示的完整代码，供大家参考，具体内容如下 理论知识： 实现效果主要涉及jq对节点的操作，以及动画函数的使用… 思路： 1.获取到评论文本框的值...
- 0
- 0
- admin
- 发布于 2020-07-06 22:14
- 阅读 ( 442 )
CSS实现鼠标移到图片上，图片变亮效果
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>css3动画-图片开关灯阴影效果</title><style type="text/css">ul,li{list-style: none;}...
- 0
- 0
- admin
- 发布于 2020-07-06 21:45
- 阅读 ( 436 )
解决CSS中<li>之间的空白间隔问题
有时候，我们需要将<li>横向排列，而又为了能设置其宽度和高度，为其设置display:inline-block，相邻<li>之间会出现8px的空白间隔，不是margin也不是padding。 <html><he...
- 0
- 0
- 李沁雪
- 发布于 2020-07-06 17:41
- 阅读 ( 652 )
CSS中的visibility: hidden | collapse 与display: none的区别
对于CSS里的visibility属性，通常其值被设置成visible或hidden。 visibility: hidden相当于display:none，能把元素隐藏起来，但两者的区别在于： ① display:none 元素不再占用空间。...
- 0
- 0
- 李沁雪
- 发布于 2020-07-06 17:35
- 阅读 ( 764 )
使用纯CSS绘制圆形、椭圆形、菱形、三角形
1、圆形： width: 50px;height: 50px;border-radius: 50%; // 50%~100%之间都行background: pink; 2、半圆形：（以左圆形为例） width: 50px;height: 100px;border-radius: 50px 0 0 50px;...
- 0
- 0
- 李沁雪
- 发布于 2020-07-06 13:09
- 阅读 ( 672 )
使用CSS清除浮动的原理及效果
1、为什么会出现浮动？ 浮动的产生的最根本的原因是为了实现文字环绕效果。 2、什么时候需要清除浮动？ 清除浮动是为了清除使用浮动元素产生的影响。浮动的元素，高度会塌陷，而高度的塌陷...
- 0
- 0
- 牟雪峰
- 发布于 2020-07-06 12:56
- 阅读 ( 617 )
牟雪峰
JavaScript在new一个实例对象的四个过程
new对象： function Person(name, age) { this.name = name; this.age = age; } var person = new Person("Alice", 23); new一个对象的四个过程： 1、创建一个空对象 var obj =...
- 0
- 0
- 牟雪峰
- 发布于 2020-07-06 12:51
- 阅读 ( 688 )
JavaScript异步加载的三种方式——async和defer、动态创建script
一、script标签的位置 传统的做法是：所有script元素都放在head元素中，必须等到全部js代码都被下载、解析、执行完毕后，才能开始呈现网页的内容（浏览器在遇到<body>标签时才开始呈现...
- 0
- 0
- 牟雪峰
- 发布于 2020-07-06 12:49
- 阅读 ( 611 )
解决Ajax请求时浏览器的缓存问题
Ajax能提高页面载入速度的主要原因是通过Ajax减少了重复数据的载入，也即在载入数据的同时将数据缓存到内存中，一旦数据被加载，只要没有刷新页面，这些数据就会一直被缓存在内存中，当提交的UR...
- 0
- 0
- 牟雪峰
- 发布于 2020-07-06 12:47
- 阅读 ( 618 )
jQuery.extend 与 jQuery.fn.extend的使用与区别
jQuery是一个JavaScript类，如$("#input1") 生成一个 jQuery类的实例。 jQuery为开发插件提拱了两个方法：jQuery.fn.extend()和jQuery.extend()。 1、jQuery.extend() (1)扩展 jQuer...
- 0
- 0
- 牟雪峰
- 发布于 2020-07-06 12:45
- 阅读 ( 676 )
如何对jQuery代码进行性能优化总结
1、总是使用id选择器。 在jQuery中最快的选择器是id选择器，它直接映射到JavaScript的getElementById()方法。 在jQuery中最慢的选择器是class选择器，在IE中它循环整个DOM，可能的话尽量...
- 0
- 0
- 牟雪峰
- 发布于 2020-07-06 11:50
- 阅读 ( 637 )
