会做饭的技术男-CSDN博客

转载 html input密码显示为*号

<!DOCTYPE html> <html encoding="utf-8"> <head> <style> *{margin:0;padding:0} input{font:14px Monospace;height:20px;width:160px;} label{display:inline-block;width:100px;height:20px;} #pass{position:.

2020-08-28 18:01:30 1219

最近项目踩过的坑，不考虑ie的可以拐弯绕路走了。css3的新属性占位符 placeholder用着多舒服。偏偏万恶的ie不支持，网上有几种方法是用焦点事件代替的，不过会失去原有的特性。一旦获取焦点或者失去焦点占位符的文字就会消失。而placeholder是在输入文字时占位符的文字才会消失强调一点，此方法只针对 input[type='text']，其他的不支持，比如passwrod<!DOCTYPE html><html lang="en"> <hea

2020-08-28 17:21:11 106

转载 js中对一组数组进行求和

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script></head><body> <script.

2020-08-28 16:04:09 351

转载响应式、手机端、自适应百分比实现div等宽等高的方法

在百分比布局中, 有时候会遇见一个头疼的问题,就是如果某个布局是正方形的话，我们在这种情况下考虑到适应各种媒体尺寸，又不能给它定固定的宽高。之前遇见过纯色布局的结果我就用纯色图片代替实现的，现在有了这个方法，再也不用担心高度不等于宽度的问题了。用这个方法的话无论你设置的宽度是%几，它的高度都和你的宽度相等<!DOCTYPE HTML><html><head><style>.father { width: 50%; /*改一下宽度试.

2020-08-28 15:10:56 347

转载 jqeury显示前几个，隐藏后几个，点击后隐藏前几个显示后几个

2020-08-28 14:15:42 162

转载 js获取当前浏览器地址栏的链接，然后在链接后面加参数

比如访问www.baidu.com，url显示成www.baidu.com/?form<script type="text/javascript"> if(location.href.indexOf('?') ==-1){ location.href=location.href+"?from"; }</script可以在任何网站，F12键，在审查元素console里面直接输入　if(location.href.indexOf('?') =

2020-08-28 13:15:57 694

转载 loading加载动画

演示地址：https://xibushijie.github.io/loading/loading.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content="width=device-width,initial-sca.

2020-08-28 11:59:32 175

转载 jquery 图片转为base64

<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width" /> <title>jquery 图片base64</title> <script type="text/javascript" src="http://s28.9956.cn/s.

2020-08-28 10:57:41 728

转载 JS实现控制HTML5背景音乐播放暂停

首先在网页中嵌入背景音乐，html5代码为：<script src="http://wuover.qiniudn.com/jquery.js"></script><a class="mscBtn" id="audioBtn" title='最幸福的人' style="cursor:pointer;"></a><audio id="bgMusic" src="http://cctv3.qiniudn.com/zuixingfuderen.mp3"

2020-08-28 09:44:41 1194

转载 vue实现点击展开,点击收起

安装vue的步骤在这里就不进行赘述了，下面直接进入正题首先定义一下data里面的数据：data () { return { toLearnList:[ 'html','css','javascript','java','php' //进行显示的数据 ], showAll:false, 　　　　　　　　　　　　　　　　//标记数据是否需要完全显示的属性 } } 使用computed对data进行处理：comp...

2020-08-28 08:32:20 3072

转载 js实现一键导出Excel

演示地址：https://xibushijie.github.io/static/ExportToExcel.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js实现一键导出Excel</title></head><body> <div class="container"&gt

2020-08-27 17:57:48 175

转载获取当天日期，获取之前之后的日期，前后几个月、前后几天、几小时

1.获取今天的日期 function getTodayDate(symbol) { symbol = symbol || '-'; var nowDate = new Date(), year = nowDate.getFullYear(), month = nowDate.getMonth() + 1, day = nowDate.getDate(); month = ...

2020-08-27 17:13:31 572

转载 HTML的语义化和一些简单优化

1、什么是语义化？必应网典的解释语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。通俗地讲,语义化就是对数据和信息进行处理,使得机器可以理解. 语义化的(X)HTML文档有助于提升你的网站对访客的易用性，比如使用PDA、文字浏览器以及残障人士将从中受益。对于搜索引擎或者爬虫软件来说，则有助于它们建立索引，并可能给予一个较高的权值。事实上SEO最有效的一种办法，就是对网页的HTML结构进行重构，实质上就是语义化。　　简单来说，就是根据内容的结构化（内容语义化），选择合适...

2020-08-27 16:03:07 85

转载自定义input默认placeholder样式

input::input-placeholder { color: #fb4747;}input::-webkit-input-placeholder { color: #fb4747;}input:-ms-input-placeholder { color: #fb4747;}input:-moz-placeholder { color: #fb4747;}input::-moz-placeholder { color: #fb4747;.

2020-08-27 15:06:44 347

转载这些例子有点意思，可以研究一下哈

动漫个人介绍主页网站html5模板下载https://www.mk2048.com/demo/demo_target_desc_ihb2k1h2hj.html动漫个人介绍主页非常漂亮的htmlhtml5手机端别踩白块儿微信小游戏源码点击》html5手机端别踩白块儿微信小游戏源码JavaScript 别踩白块儿游戏特效中国古典风格的约见手机微信专题html5模板点击》中国古典风格的约见手机微信专题html5模板带音乐的整屏滚动ccs3效果，html5首汽约车微信感恩活动页面模板https://www.mk

2020-08-27 14:05:56 128

转载这些特效对于学习前端我们很有用

纯css3 3D方块翻转动画特效点击》纯css3 3D方块翻转动画特效css3 3D翻转动画效果html5微信财富金融专题活动页面模板点击》html5微信财富金融专题活动页面模板html5微信金融专题页面模板html5 echarts汽车仪表盘图表动画特效https://www.mk2048.com/demo/demo_target_desc_ihb1h2hc1j.htmlhtml5汽车仪表盘，第一次从使用echarts,如何调用js,CSS,测试黑色宽屏的酒店介绍html5动画模板https://www.

2020-08-27 13:02:49 130

转载 css绘制进度条，持续转动的进度条

//只有progress pregress-par bar，进度条不会转，//增加 active 这个类，进度条会转，//html结构<div class='progress active'> <div class='progress-par bar' style='width:80%;'></div></div> //css.progress { width: 100%; height: 8px; ba...

2020-08-27 12:00:07 336

转载移动端页面开发的前提

区别于pc端开发，移动端开发需要在head中加入下面这行代码<meta name="viewport" content="width=device-width,initial-scale=1.0，minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">//name="viewport"表示：让viewport的宽度等于物理设备上的真实分辨率//width=device-width表示：width：控制 viewport 的大小，可...

2020-08-27 10:46:04 82

转载 js/jq 倒计时插件（一）

//很多时候我们需要用到倒计时比如（一些发布会倒计时，秒杀倒计时，活动倒计时等），接下来将介绍两种倒计时插件的写法//html结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><script src="jquery-2.1.3.min.js"></scr

2020-08-27 10:03:12 555

转载页面返回时，有缓存，强制刷新（2种方法）

//第一种方法<!DOCTYPE html><html><head> <title></title></head><body> <script src="js/jquery-2.1.3.min.js"></script> <input id="cacheTest" /> <script> var input = .

2020-08-27 08:47:31 1103

转载 h5向上翻页图标晃动动画，css固定h5向上翻页图标在页面上

//html结构<div class='upImg'><div>//css.upImg { background-image: url(../images/01.png); position: fixed; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 11; width: 6.5625%; height...

2020-08-26 19:45:49 387

转载 js 从URL上获取参数

//获取匹配的 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if (r != null) return une...

2020-08-26 18:53:28 145

转载对前端特效感兴趣的同学可以留意下这些例子，有点意思

html5简单找茬手机小游戏代码https://www.mk2048.com/demo/demo_target_desc_ihic10abkj.htmlhtml5打发时间的简单找茬小游戏源码。html5开发的连连看网页游戏源码https://www.mk2048.com/demo/demo_target_desc_ihikacbhjb.htmlhtml5连连看游戏源码html5网页版锅打灰太狼游戏源代码下载https://www.mk2048.com/demo/demo_target_desc_ihikj0

2020-08-26 17:40:56 112

转载关于jQuery出现的新添加元素点击事件无效

//通常点击写法： $(".div").on('click', function () { var $this = $(this); var isActive = $this.hasClass('active'); if (!isActive) { $this.addClass('active'); $this.siblings().removeClass('active'); }//新增

2020-08-26 16:56:05 143

转载鼠标右击事件(练习)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title><style>ul{padding: 0;margin: 0;list-style: none;position: absolute;background: #ccc;}.list{display: none;}</style></hea

2020-08-26 16:13:04 255

转载鼠标拖移事件（练习）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="box" style="width: 100px;height: 100px;background: red;position: absolute;"></div> ...

2020-08-26 15:04:58 120

转载正则表达式

正则表达式：是一个由字母数字和一些特殊符号组成的描述字符模式的对象。功能： 1、模式匹配 2、文本检索 3、替换创建： 1、通过RegExp()构造函数来创建(显式创建) var reg=new RegExp('表达式'[,修饰符]); 2、通过字面量(直接量)方式来创建(隐式创建) --常用 var reg=/表达式/[修饰符]这含义上不一样，显示创建的是实例对象，隐式创建的是单个对象。正则表达式的方法： 1、test() 功能：用于检测是否于正则匹配。返回：布尔值，true匹配，f

2020-08-26 14:06:53 75

转载这些好玩的例子，希望你也能喜欢

纯css3 3D魔方翻转动画特效https://www.mk2048.com/demo/demo_target_desc_ihia2cj2ab.htmlcss3魔方翻转html5 canvas酷炫3D文字变换动画特效https://www.mk2048.com/demo/demo_target_desc_ihih00k0jb.htmlhtml5 canvas文字变换，3D文字动画特效html5手机微信气球砰砰砰游戏源码https://www.mk2048.com/demo/demo_target_desc_

2020-08-26 13:03:15 110

转载侧边栏隐藏菜单（练习）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body,ul,h3{ margin: 0;padding: 0; } .a ul{ display: none; } .a:target :nth-child(2){ display: block; }

2020-08-26 11:58:58 256

转载鼠标点击，鼠标经过，鼠标离开事件（练习）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> var a,b,c; a=100;b=200; c=a;a=b;b=c; console.log(a,b); alert(a+" "+b); window.onload=

2020-08-26 08:30:41 376

转载数字排序（选择法，冒泡法排序练习）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type="text" size="3" id="a"> <input type="text" size="3" id="b"> <input type="t

2020-08-25 18:57:45 225

转载文本框输入长度限制（条件语句练习）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <form action="a.php" method="get" id=z > <input type="text" id="b"><span id="d"></spa

2020-08-25 17:38:40 532

转载猜数字游戏（练习）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <span id="txt">猜字游戏</span> <input type="text" id="box"> <input type="submit" id="p" value

2020-08-25 16:34:05 108

转载密码锁（练习）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> // do{ // var n=prompt("请输入密码"); // if(n=="123") // {

2020-08-25 15:33:09 330

转载分享一些酷酷的特效，希望你也能够喜欢

纯css3 2016奥运会小人骑自行车动画特效https://www.mk2048.com/demo/demo_target_desc_ihh0a12aib.htmlcss3骑自行动画（请用Firefox浏览器打开正常演示。）纯css3绘制一只会笑的猫动画特效https://www.mk2048.com/demo/demo_target_desc_ihh0jacj2j.html纯css3制作一只会笑的猫动画微信手机扫一扫查询页面wap模板https://www.mk2048.com/demo/demo_ta

2020-08-25 14:31:45 97

转载输入日期查询（练习）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type="text" id="p"> <span id="txt"></span> <script> // var a=[i];

2020-08-25 13:17:45 192

转载这些好玩的例子，希望你也能喜欢

简单的手机微信商城点餐页面wap模板点击》简单的手机微信商城点餐页面wap模板微信商城点餐页面html模板，手机点餐页面模板。蓝色的医疗器械行业手机官方网站wap模板https://www.mk2048.com/demo/demo_target_desc_ihak2bcjib.html医疗器械行业手机官方网站html模板下载红色的超市购物商城手机app网站模板点击》红色的超市购物商城手机app网站模板红色手机app网站模板，超市购物商城手机模板html下载。蓝色简洁的旅游手机网站模板html整站https:

2020-08-25 11:50:06 114

转载类似文件夹分页显示（练习）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body{margin: 0;padding: 0;} div{ width: 500px;height: 300px;background: pink;position: relative; } b

2020-08-25 10:56:46 130

转载复选框选中删除行（DOM练习）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .show2{ width:400px; height:200px; overflow:hidden; } span{ margin:0px; display:none; } .show img{ displ

2020-08-25 10:01:37 327

转载这些例子不错，可以学习一下

html5 svg一飞冲天火箭动画返回顶部特效https://www.mk2048.com/demo/demo_target_desc_iha10bhb1j.htmlhtml5 svg火箭动画，返回顶部jquery筛选插件选项标签商品筛选代码点击》jquery筛选插件选项标签商品筛选代码jquery筛选插件，商品筛选html5 anime.js动画库制作各种网页动画特效https://www.mk2048.com/demo/demo_target_desc_ihajbbichj.htmlhtml5网页动画，

2020-08-25 08:44:58 90

空空如也

空空如也