![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
祥富大大
这个作者很懒,什么都没留下…
展开
-
jquery div限定范围拖拽 加 8个方向拉伸实例
由于楼主最近一个项目中需要使用到拖拽加拉伸放大div的功能需求,而且楼主本人是后端的,在各个资源网站上下载拖拽拉伸实例,结果都不是很理想,有的单方向拉伸,不好用于拓展,局限性比较大,所以研究了一下拖拽拉伸的,自己写出了一个实例,由于本人水平有限,代码质量可能不高,小伙伴们可以在以上基础上进行修改,目前实例中左上角的拉伸还有bug ,伙伴们可以自行修复。废话不多说,直接上代码<!DOCTYPE html><html lang="en"><head> <原创 2020-08-04 10:56:28 · 660 阅读 · 0 评论 -
自适应图片实现遮罩层的解决办法
由于业务需求,需要实现在鼠标停留在图片上弹出文字描述性的话语,这样做的目的是为了增加交互性,是页面更加丰富。由于页面是自适应的,当页面大小发生改变时,图片大小也会随之改变,从而遮罩层也应该发生相应的变化,为此,记录一下通过CSS的方式来实现效果。父容器设置为相对定位,遮罩层设置为绝对定位,想要从那边实现过渡动画是设置哪个值为100%,比如我想从下往上过度,bottom值为0,width为100%,height为0,当鼠标移入时,可以通过将高度设置为100%,这样就能实现了。下面是具体实现的代码,我.原创 2020-06-28 09:47:29 · 723 阅读 · 0 评论 -
Js 对URL进行操作。
查询URL中的某个参数 function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) { return unescape(r[2]);原创 2020-05-29 10:22:44 · 337 阅读 · 0 评论 -
IE 11下 JS使用 Array.from()提示 不支持from 方法 的解决办法
一般Array.from用于数组的合并去重的时候用的比较多。但是由于这是属于ES6的语法,IE6以上的版本并不兼容ES6的语法,从而出现错误提示: 对象不支持“from”属性或方法function unique(){ let arr = [].concat.apply([], arguments); //没有去重复的新数组 return Array.from(new...原创 2020-04-27 14:35:43 · 1478 阅读 · 0 评论