玉林君-优快云博客

原创移动端托拽进度条

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>托拽进度条</title> <style> ul.lanren { margin: 100px auto; } ...

2021-10-13 17:27:46 392 1

原创 JS 获取一串路径中的文件名称

// 1.带后缀名function getFileName(path){ var pos1 = path.lastIndexOf('/'); var pos2 = path.lastIndexOf('\\'); var pos = Math.max(pos1, pos2); if( pos<0 ) return path; else return pat...

2021-09-28 17:09:38 1661

【安装步骤】一、安装node.js1.前往node.js官网下载并安装工具，这里安装路径选到D盘，D:\Program Files\nodejs安装完毕后在命令行输入以下命令测试是否安装成功，正确会出现版本号npm -v2.改变原有的环境变量， (1)配置npm的全局模块的存放路径以及cache的路径，例如两个文件夹放在NodeJS的主目录下，便在NodeJs下建立"node_global"及"node_cache"两个文件夹，输入以下命令改变npm配置npm c..

2021-08-10 16:32:03 219

原创粘贴文本，可自动识别姓名、电话和地址；

<!DOCTYPE html><html> <head> <meta charset="{CHARSET}"> <title></title> </head> <body> <input type="text" id = ...

2020-03-06 10:18:31 9578 3

原创 ie-css.htc css3兼容ie

ie-css.htc 文件一下****里面************************************************************************************************************************************************--Do not remove this if you ...

2019-06-12 16:35:19 182

原创针对富文本框去除标签

// 清除p标签function clearP(val) { if (val.match('<p>') !== null) { val = val.split('<p>')[1]; } if (val.match('</p>') !== null) { val = val.split('</p&gt...

2019-06-04 16:57:59 1448

原创针对IE 去除 ul>li下列表的最右边的间距

//兼容ie8 布局样式//lengNamem ul----Class//num 数量function styleMargin(lengNamem,num){ for(var i = 0;i<=lengNamem.length;i++){ if((i + 1) % num == 0){ lengNamem.eq(i).css("ma...

2019-06-04 16:52:45 301

原创汉字超出处理&加载文件

// 汉字超出处理function strOverflow(str, maxLen){ if(!str)return ''; if(str.length > maxLen){ return str.slice(0, maxLen) + '...'; }else{ return str; }};strOverf...

2019-06-04 16:47:10 170

原创点击三秒后才能再次点击

<!doctype html><html><head><meta charset="utf-8"><title>隔一段时间执行点击</title><script src="jquery-1.8.3.min.js"></script><script>$(function(){...

2019-06-04 16:36:47 2377

转载【JQ】-jPlayer视频、音乐播放器使用详解！

下载官网：http://www.jplayer.org/当前版本：2.3.0功能：视频播放（可全屏）、音乐播放全部原教程，说明并不详细，要结合查看其网页源代码来学习：http://www.jplayer.org/latest/demos/备注：文件夹里blue.monday和pink.flag和circle.skin三个文件夹里是三种播放器皮肤（及PSD文件），任选一种。样式文件和图片都可...

2019-05-31 10:56:03 3795

转载通过js去掉所有的html标签，得到HTML标签中的所有内容

2019-04-22 14:47:54 1620

转载关于background-attachment: fixed 实现滚动视差的逻辑理解

使用 background-attachment: fixed 实现滚动视差<section style="height: 300px;width:500px;background: url('http://pic7.photophoto.cn/20080407/0034034859692813_b.jpg') fixed no-repeat;">IMG1</section...

2019-04-18 11:45:57 1294

转载 js 过滤字符和检测特殊字符

// var str1 = str.replace(/[\'\"\\\/\b\f\n\r\t]/g, '');// 去掉转义字符// var str2= str.replace(/[\-\_\,\!\|\~\`\#\$\%\^\&\*\{\}\:\;\"\L\<\>\?]/g, '');// 去掉特殊字符// return str2;var contai...

2019-04-08 21:27:02 1221

转载在html中插入音频文件在浏览器中播放音频文件的兼容性问题

1、<embed type="audio/mp3" src="" autostart=true loop=false></embed>问题：IE8上正常（通过media player插件来播放）但在IE6和IE7上不会播放Firefox上要安装QuickTime插件才能播放Chrome通过将其转化成html5上的<vidio>标签播放，能播放但会使整...

2019-04-06 17:49:39 3549

原创 DOM添加内容

html：<input type="text" id="text"><button id="btn">追加</button><ul id="list"></ul>js<script> window.onload=function(){

2018-05-29 19:56:21 1451

原创事件冒泡

<p id="btnClick">点击显示</p><div id="pop" class="centerDiv radius" style="display:none; width: 260px; height: 100px; border:1px solid #ddd; background:#f7f7f7; color:#000;">&amp

2018-04-19 14:10:04 109

原创兼容ie8及其他低版本图片上下左右居中

父极：{line-height: 207px;text-align: center;}子集：{vertical-align: middle;display: inline-block;}

2018-03-14 13:58:04 1061

原创 Ajax加载更多

下拉刷新 *{ margin: 0; padding: 0; } ul li{ list-style: none; } .wrap{ max-wi

2018-01-31 10:49:26 436

转载数组方法

是否为数组Array.isArray(param)如果param是 Array，则为true; 否则为false。数组转字符串joinjoin(separator)以separator为分隔符，省略的话则用默认用逗号为分隔符可以实现重复字符串，实质是在n+1个空字符串之间加入要重复的字符串function repeatString(str, n) {re

2018-01-29 10:28:04 121

转载封装一个简单的banner轮播插件

Title * { margin: 0; padding: 0; font-family: '微软雅黑'; } a { text-decoration: none; } ul, ol, dl { list-style-type: none; } img { border: none; }

2018-01-27 19:43:18 397

转载 ajax请求，$.ajax，jQuery.ajax，$.get，$.post简易用法

案例一：$.get请求php代码 if ($_GET && $_GET['id'] == 5) { $arr = ['a' => 'apple', 'b' => 'banana']; echo json_encode($arr); //将$arr转成json字符串并输出 }?>123456html+jshtml lang="

2018-01-27 19:37:33 312

转载 jQuery仿直播点赞特效

jQuery仿直播app按钮点赞特效img{ width: 20px; height: 20px; position: absolute; bottom: 100px; left: 50%; margin-left: -10px; }.btn{ width: 100px; height: 30px; border:0; background: red; color: #fff; p

2018-01-27 19:27:52 1774

原创根据滚动改变透明度显示导航

仿安卓透渐变导航* {padding:0;margin:0;}#header {height:40px;line-height:40px;position:fixed;width:100%;top:0px;left: 0;z-index: 99;border-bottom:1px solid #333333;color:#000;ba

2018-01-27 19:25:34 1018

原创 jquery遮罩层禁止底部内容滑动！！！大坑~

弹框遮罩层*{padding: 0;margin: 0;}html,body{height: 100%;;}.modal-mask{position: fixed;z-index: 9998;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0

2018-01-27 19:19:20 1968