- 博客(17)
- 收藏
- 关注
RSS订阅原创 移动端a标签点击出现蓝色背景色
移动端a标签点击是出现蓝色背景色a { -webkit-tap-highlight-color:transparent; }
2021-05-07 09:50:37
671
原创 利用ajax实现上传图片
利用ajax实现上传图片//html代码<div class="three"> <span style="background: url(img/lashou/upload.png) no-repeat;background-size: 100%;"></span> <p>上传小使者与拉手名人的照片</p> <a class="upload" href="javascript:;" id="filePicker" onclick
2020-05-15 10:26:47
2720
原创 DOM元素转为图片
DOM元素转化图片用到HTML2canvas：http://html2canvas.hertzen.com/dist/html2canvas.min.jsIOS13.4版本在微信运行无效 在手机浏览器中正常<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
2020-05-14 16:03:28
507
原创 prepend()和prependTo(), append()和appendTo()的区别
prepend()和prependTo()的区别：prepend()$(目标元素).prepend(内容) 在…首段的内部插入内容html：<p>这是目标元素</p>jquery：$("p").prepend("这是prepend插入的内容，")那么执行后的结果就是：html： <p>这是prepend插入的内容，这是目标元素</p&g...
2020-02-19 10:45:57
1916
原创 返回固定的关键变量
多个点击事件里面多加一个函数,返回固定的关键变量, var getInnerVariable; $('#btn1').click(function() { var localVariable = '李白'; getInnerVariable = function() { return localVariable; }; }) $('#btn2').clic...
2020-01-03 14:20:08
126
原创 JS截取字符串
JS截取字符串可食用substring()或者slice()1、substring()函数：substring()；定义：substring(start, end)：从起始位置到end值结束（不包括end），返回一个字符串；代码示例：var img = "img/123.png";console.log(img.substring(2,5)); //"g/1"2、substr(...
2019-12-18 14:37:15
167
原创 Marquee标签实现走马灯效果
利用marquee标签，让文字滚动实现走马灯效果direction滚动方向属性值：up、down、left、right，默认方向是从右向左滚动<marquee direction="up">向上滚动</marquee>滚动方式behaviorscroll：循环滚动 slide：只滚动一次 alternate：来回滚动 默认循环滚动<marquee be...
2019-12-12 17:26:22
624
原创 CSS实现走马灯效果
利用CSS代码实现走马灯效果//CSS代码.zmd{ position: absolute; top: 2%; width: 100%;}.container{ width:7.52rem; height:0.64rem; margin: 0 auto; background: rgba(0,140,214,0.5); position:relative...
2019-12-12 15:10:08
2535
原创 html+css跳动的心(点赞按钮样式）
利用css实现❤的跳动//html代码<div id="heart"> <div class="left"></div> <div class="right"></div></div>//css代码#heart{ width:300px; height:300px; margin:0 auto;...
2019-12-11 11:57:36
1657
原创 table表格导出Excel表格
HTML页面中table导出Excel表格代码展示：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta...
2019-12-06 17:08:13
310
原创 html页面中汉字上面显示拼音
汉字上面显示拼音代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>多行超出部分显示省略号</title> </head> <body> <!--拼音是需要自己写在<rt>标签里面的，也可...
2019-12-06 16:53:14
3237
原创 HTML中视频默认显示自定义图片
用特定的图片给视频做封面方法一 在HTML代码中直接添加poster属性代码如下：//html代码,需要在video标签中加入poster属性,把封面图的路径加上<video id="video" width="990" height="560" muted="muted" controls="controls" poster="img/2020/2.png"> <s...
2019-12-06 14:20:44
7256
1
原创 鼠标滑过元素左移
鼠标滑过元素左移在css中用到了transition，transition是一个过渡属性.abtex{ display: inline-block; font-size: 20px; color: #FFFFFF; font-weight: bold; -webkit-transition: margin-left .4s;/* Safari 和 Chrome *//*加过度的动效 ...
2019-12-06 10:31:14
402
原创 加display:none后swiper轮播滑动失效
加display:none后swiper轮播滑动失效1.当一个页面中用到多个swiper插件时，如果swiper名字相同时，轮播滑动会错乱，解决方法：swiper名字不相同即可恢复正常轮播效果2.当swiper遇上display：none时轮播效果也会失效，控制台如下图的错误：解决办法：//添加如下两句代码即可恢复自动轮播observer:true,//当改变swiper的样式（例如隐...
2019-11-26 16:11:42
1550
原创 解决获取当前地址中文参数乱码问题
解决获取当前地址中文参数乱码问题当一个页面像另一个页面传参时，如果参数是中文时，获取的时候会出现下面图片这种情况？需要使用encodeURI（）在上一个页面加密参数，在当前获取参数页面利用decodeURI（）来解密代码示例： var url = "index.html"; console.log("url:"+url) var userName = "张三"; ...
2019-11-22 11:07:22
4750
原创 解决手机端input失焦后页面不还原和android软键盘出现后挤压页面问题
input失去焦点后使用window.scroll属性页面可以回到指定地手机端页面输入框失去焦点后页面不会自动还原的解决方法//input框失去焦点后页面回到（0,0）$("input").on("blur",function(){ window.scroll(0,0);});//textarea框失去焦点后页面回到（0,0）$("textarea").on("blur",fun...
2019-11-21 15:25:51
892
原创 多行文本超出显示省略号
多行文本超出显示省略号<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>多行超出部分显示省略号</title> </head> <body> <p style="width: 300px;"> 多...
2019-11-21 13:16:55
206
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人