Kathy_LLi-优快云博客

原创点击切换样式

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>点击切换样式</title> <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery....

2019-04-15 15:03:49 726

原创修改后返回苹果手机不刷新（没有显示刚刚修改后的内容）

// 刷新 var isPageHide = false; window.addEventListener('pageshow', function () { if (isPageHide) { window.location.reload(); } }); window.addEventListener('p...

2018-11-30 17:09:11 381

原创表格根据屏幕自动缩放

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格</title> <style> .right-tab{ width

2018-11-28 09:53:41 894

原创表单验证

// 验证姓名function nameValidate(valCon) { var checkResult = true; var valCon1 = $.trim(valCon.val());// 去空 var regular = /[^\u4E00-\u9FA5]/g; valCon.css('border-color','#FA807...

2018-11-26 10:03:46 423

原创模板克隆

html：<table class="right-tab template_clone"> </table> <table class="tabTem" style="display: none;"> <tr

2018-11-26 10:02:04 422

原创 ajax有图片的提交(用FormData)

function addInfo(me){ $(me).prop("disabled","disabled");// 避免恶意点击 // 参数 var manager = new FormData(); manager.append("poster_id", poster_id); manager.append("displ...

2018-11-26 09:43:46 553

原创修改密码

/* * @description: 修改密码 * @author: lhm */html：<div class="userPwdChange-cont" style="height: 75vh;"> <div class="pwdAll" style="margin-left: 50px;"> &amp

2018-11-08 10:43:33 1347

原创 jQuery控制文本框字数

<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title&

2018-09-12 14:45:12 307

原创 jQuery获取多个复选框的值

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery获取多个复选框的值</title> <script src="https://cdn.bootcss.c

2018-09-07 09:58:29 1168

原创 jquery实现下拉菜单

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery实现下拉菜单</title> <style> .index-head {width:

2018-09-06 15:19:10 394

原创 tab切换

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>tab切换</title> <style> * {margin: 0; padding: 0;

2018-09-06 14:58:14 266

原创 append(在后面添加)和prepend(在最前面添加)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>append(在后面添加)和prepend(在最前面添加)的区别</title> </head>&lt

2018-09-06 14:55:14 7713

原创 layui选择时间控件

<!doctype html> <html> <head> <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'> <meta http-equiv...

2018-09-06 14:47:47 657

原创改变上传文件按钮样式

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>改变上传按钮样式</title></head><style> .uploadFi

2018-09-06 14:43:10 893

原创改变复选框样式

一、<!doctype html><html><head><meta charset="utf-8"><title>复选框</title><style> #container {margin: 20px auto;} #container span {positio

2018-09-06 14:42:29 595

原创手机端点击图片全屏预览

<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title&

2018-09-06 14:20:28 7478 6

原创 jQuery实现点击复选框新增一行

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点击复选框新增一行</title> <script src="../js/jquery-1.11.3.min.js&

2018-09-06 14:13:28 757

原创 Array（数组）

1、创建数组 var pets = ['dog','cat'];2、concat()方法，用于合并两个或多个数组,返回一个新数组例(1)：连接两个数组 var arr1 = ['a','b','c']; var arr2 = ['d','e','f']; console.log(arr1.concat(arr2)); 例(2)：...

2018-03-06 22:52:43 423

原创 link和@import的区别

1、link属于HTML标签，@import是css提供的2、link是HTML标签，没有兼容问题，而@import只在IE5以上才能识别3、页面被加载时，link会同时被加载，而@import引用的css会等到页面加载完再加载4、link方式的样式的权重高于@import的权重...

2018-03-05 22:11:51 222

原创 CSS3新增的伪类

p:first-of-type 选择属于其父元素的首个<p>元素的每个<p>元素p:last-of-type 选择属于其父元素的最后<p>元素的每个<p>元素p:only-of-type 选择属于其父元素的唯一的<p>元素的每个<p>元素p:only-child 选择属于其父元素的唯一子元素的每个<p&g

2018-03-05 22:02:14 305

原创浏览器兼容

1、IE6下浮动时margin双倍边距解决方法：在对应的样式中加上display:inline2、楼梯式的效果解决方法：在ul li 添加 float:left或者在ul li 添加 display: inline 3、IE6、IE7对display:inline-block的支持欠缺解决方法：添加一行：*di

2017-11-10 19:07:15 183

原创列表（无序列表、有序列表、自定义列表）

（1）无序列表 <ul><ul> 可添加的属性：<ul type="disc(实心圆)/square(小正方形)/circle(空心圆)"> <li></li> 对每一项进行修改：<ul ..

2017-11-10 18:59:03 1766

Kathy_Hui的博客