- 博客(9)
- 收藏
- 关注
RSS订阅原创 mouseover与mouseenter事件
mouseover与moseenter很多情况下可以混用，但是他们是有区别的。mouseover在当鼠标移入元素或其子元素的时候都会触发，是一个重复触发，冒泡的过程。见下面例子，一个父元素包含一个子元素，在其父元素内滑动鼠标，超出子元素的范围时，也会触发事件。而mouseenter在鼠标移入元素本身以后，无论在元素内部如何移动，都不会再次触发。mouseout与mouseleave同理。<!DOCTYPE html><html lang="en"><head>
2020-10-28 00:17:36
134
原创 jq淡入淡出
Jquery淡入淡出有四种方法fadeIn()fadeOut()fadeToggle()fadeTo()1.由隐藏淡出用fadeIn()方法语法:$(selector).fadeIn(speed,callback);可选的 speed 参数规定效果的时长。它可以取以下值：“slow”、“fast” 或毫秒。可选的 callback 参数是 fading 完成后所执行的函数名称实例:$("button").click(function(){ $("#div1").fadeIn()
2020-10-28 00:16:36
163
原创 弹性盒子
设置弹性盒子：displayflex：块级的弹性盒子inline-flex：行级的弹性盒子-webkit-flex：苹果和谷歌的兼容性搞清楚子元素和父元素设置在父元素上的值flex-direction：子元素在父容器中的位置（默认row）row：横向从左到右排列(左对齐)，默认排列row-reverse：横向右对齐元素反转column：纵向排列column-reverse：反转纵向排列主轴和交叉轴（侧轴）主轴为flex-direction属性对其的方式的方向交叉轴为主轴的垂直方
2020-10-28 00:11:49
133
原创 百度地图API
1、注册百度账号，在http://lbsyun.baidu.com/apiconsole/key?application=key 页面申请密钥(AK)2、页面引入<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script>3、地图需要一个HTML元素作为容器，这样才能展现到页面上，创建了一个div元素。<body> <div id
2020-10-28 00:00:43
186
原创 弹性盒子
一、CSS3弹性盒子弹性盒子是CSS3的一种新布局模式。CSS3 弹性盒，是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。弹性容器内包含了一个或多个弹性子元素。注意： 弹性
2020-10-21 12:30:16
405
原创 css32d变换
1.缩放:(scale)transform:scale(2);--------水平/垂直方向扩大2倍transform:scaleX(2);--------水平方向扩大2倍transform:scaleY(2);--------垂直方向扩大2倍2.扭曲(skew)transform:skew(45deg);--------扭曲45度transform:skewX(45deg);--------水平扭曲45度transform:skewY(45deg);--------垂直扭曲45度3.旋转(
2020-10-19 23:56:50
858
原创 JS浅克隆和深克隆
为什么会有克隆这么个玩意呢？上代码：var a = [1,2,3];var b = a;a[1] = 4;console.log(b[1]); // 4这就是我们为什么提到克隆的原因。我只不过改了a数组的内容，怎么b数组的内容也跟着一起变了嘞？这里需要知道a和b在栈和堆中的存储情况大概说下，数组的内容是存储在堆中的，而a和b不过是作为一个引用（也可以参考C语言的指针）指向了数组内容的存储地址，上面var b = a;只不过是将a引用赋值给了b，并不是将数组内容拷贝一份出来，然后让b指向新
2020-10-08 23:40:32
145
原创 canvas渐变
线性渐变//获取画布。 var cas = document.getElementById('cvs'); var pencil = cas.getContext('2d');//开始绘画pencil.beginPath();//创建一个渐变的样式//参数描述： 渐变开始的x坐标，渐变开始的y坐标； 渐变结束的x坐标，渐变结束的y坐标var lineG = pencil.createLinearGradient(80,80, 200,200);//设置渐变行为 参数描述： 颜色
2020-10-08 21:47:24
84
原创 将图片画到canvas 上的几种方法
canvas 画图片第一种，就是在画布的坐标上，直接将图片画到上面去，此时假如图片大小超出了画布，图片也不缩放 <canvas id='mycanvas' width="500" height="500"></canvas><script> window.onload = function(){ var mycanvas = document.getElementById('mycanvas') var ctx = mycanvas.getC
2020-10-07 20:08:10
2886
空空如也
Sql server有个视图写不出来，需要help，有偿
2023-12-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人