u011927449的博客_会做饭的技术男_CSDN博客-前端领域博主

提问私信关注

会做饭的技术男

码龄8年

于 2013-09-02 加入CSDN

929分

获得成就

获得103次点赞
内容获得59次评论
获得628次收藏

荣誉勋章

TA的专栏

前端
2509篇

css三角形

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>三角形制作</title> <style type="text/css"> h1 { position: relative; padding-left: 50px; } .

发布博客于 1 年前

表单

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body> <form action="http://192.168.2.102:8080/getform" method="get"> <!--name是提交到后台显示的名称 v.

发布博客于 1 年前

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

html5 canvas酷炫的3D线条动画背景特效https://www.mk2048.com/demo/demo_target_desc_iiii11j20j.htmlhtml5 3D旋转的线条动画背景特效， canvas酷炫的3D线条背景动画黑色的软件服务公司wap手机模板源码https://www.mk2048.com/demo/demo_target_desc_iii0hii1aa.html黑色的软件公司手机网站模板html源码纯CSS3绿色清新页面Loading加载动画特效https://www.

发布博客于 1 年前

css过渡笔记

3D http://fangyexu.com/tool-CSS3Inspector.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> .box { width: 100px; ..

发布博客于 1 年前

css3动画运用

https://daneden.github.io/animate.css/https://minimamente.com/example/magic_animations/http://isux.tencent.com/css3/tools.html直接下载引入css标签内加入类名<div class="效果名 animated"></div>//必须

发布博客于 1 年前

meta

<meta name="Keywords" content="搜狐,门户网站,新媒体,网络媒体,邮箱,博客,浏览器,快站,地图,输入法,千帆,微门户,看房,畅游,17173,手游"/>//keywords搜索的关键字；<meta name="Description" content="搜狐网为用户提供24小时不间断的最新资讯，及搜索、邮件等网络服务。内容包括全球热点事件、突发新闻、时事评论、热播影视剧、体育赛事、行业动态、生活服务信息。" />//Description搜索描.

发布博客于 1 年前

99乘法表

<!doctype html><html><head><meta charset="utf-8"><title>99乘法表</title></head><script> function out(n=9){ for(var i=1; i<=n; i++){ document.write("<h3>"); f.

发布博客于 1 年前

正则练习

<script>// 正则检测手机号是否正确 var poho = "13915605430";// ^开头；// & 结尾 if(poho.match(/^139\d{8}$/i)){ alert("输入正确"); }else{ alert("输入错误"); }</script>检验邮箱是否正确；<script> var email = "8535229.

发布博客于 1 年前

单击循环简单练习

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>鼠标循环单机</title> <style> #mydiv{ height: 50px; line-height: 50px; background-color:#ccc;.

发布博客于 1 年前

弹力球小练习

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>baoll</title> <style> *{ margin: 0; padding: 0; } #myball{ width: 128px.

发布博客于 1 年前

sort

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组数字大小排序</title></head><body> <p>让数组按照升序降序排列</p> <p>这里写个数组 var array=[1,80,4,33,21,55];</p> .

发布博客于 1 年前

css制作表格

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>table</title> <style> *{ margin: 0; padding: 0; } table{ width: 100%; height: 120px; margin:10px auto 0; table-layou.

发布博客于 1 年前

parseInt转换

function parse2Int(num) { return parseInt(num,10);}如果string以 "0x" 开头，parseInt() 会把string的其余部分解析为十六进制的整数。如果string以 0 开头，那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进制或十六进制的数字。如果string以 1 ~ 9 的数字开头，parseInt() 将把它解析为十进制的整数。...

发布博客于 1 年前

maven 安装下载与配置代理设置《解决下载慢问题》

maven:下载地址http://mirror.bit.edu.cn/apache/maven/maven-3/解压之后配置环境 %maven_home% d:\*****path 中添加 %maven_home%\bin测试是否配置成功 cmd中使用命令： mvn -v如果成功的话，cmd 进入maven的bin目录，使用命令 mvn archetype:generate，(另外有一个mvn help:system 不知道干什么用的)(下载之前先代理配置好)，让其自动下载程序本身所需要的jar包。.

发布博客于 1 年前

layer插件layer.photos()动态插入的图片无法正常显示

layer插件layer.photos()动态插入的图片无法正常显示,点击后面插入的图片，显示的是之前的图片列表，再次点击又是正常有朋友遇到同样的问题http://fly.layui.com/jie/4124.htmllayer v2.4 弹层组件layer.photos动态插入图片后，点击新插入的图片会弹出插入前的最后一张图片。如果再次调用layer.photos，点击新图片会提示错误：layer.js:1006 Uncaught TypeError: Cannot read property.

发布博客于 1 年前

php服务器代理解决浏览器跨越问题

详见代码<?php$url = $_SERVER["QUERY_STRING"];switch ($_SERVER['REQUEST_METHOD']) { case "GET": curlget($url); break; case "POST": $CONTENT_TYPE = explode(';',$_SERVER['CONTENT_TYPE']); switch($CONTENT_TYPE[0]) {

发布博客于 1 年前

转：jquery的live和on

参考1，参考2给元素绑定事件，本人用的jquery版本大多为1.7和1.8的，所以一直习惯于用live(),但是最近朋友突然问我，怎么给新生成的dom元素绑定事件，我随口回答live()，结果他给我说不行，他用的2.1.1的jquery版本。我突然想起之前看过on()的用法，就是替代live()的，但是用的少，记不清了，今天再记一记，以后尽量用on()~代码示例：<!DOCTYPE html><html><head><meta charset=".

发布博客于 1 年前

转：Jquery的parent和parents(找到某一特定的祖先元素)

Jquery的parent和parents(找到某一特定的祖先元素)关于Jquery的parent和parentsparent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。可以看出parent取的很明确，就是当前元素的父元素；parents则是当前元素的祖先元素。下面列出例子说明：<div id='div1'><div id='div2'><p>

发布博客于 1 年前

使用jquery获取iframe内的元素属性

当需要获取iframe里的内容时需要有几个前提，否则你是获取不到的；1：当前页面与iframe的src的页面需要在同一个域名下；2：必须要等iframe里边的页面加载完成才能获取，否则你要获取的标签就是不存在；当这两个条件都满足的时候你就可以获取了（以下例子是本精灵通过jquery修改iframe("iframe的ID名被取为了iframeName'")里页面的所有a标签的target属性值）：function a_load(){var isOnLoad = true;$('#iframe')..

发布博客于 1 年前

这些例子的特效很炫，感觉的同学可以研究学习一下

html5手机端母婴商城APP下载页面模板点击》html5手机端母婴商城APP下载页面模板html5 APP下载页面母婴专题模板。五福临门大红袍茶叶手机专题模板点击》五福临门大红袍茶叶手机专题模板订单网页模板五福临门大红袍茶叶订单单页模板html5点击按钮卷帘动画打开画板特效https://www.mk2048.com/demo/demo_target_desc_iia0kijkhj.htmlhtml5卷帘动画特效，打开画板动画特效纯css3飞机跑道响应式进度条动画特效点击》纯css3飞机跑道响应式进度条动

发布博客于 1 年前

判断页面的滚动方向

判断页面的滚动方向 1 $(window).scroll(function(){ 2 var before = $(window).scrollTop(); 3 $(window).scroll(function() { 4 var after = $(window).scrollTop(); 5 if (before<after) { 6 cons

发布博客于 1 年前

premere cs4绿色版安装并且视频导出讲解

最近室友，开始在玩视频剪辑，用的是 premere cs4 绿色版。让他遇到的最大问题也是我之前遇到的最大问题，就是视频导出。所以我在这里上传一套自己的一点点经验吧。接下来，我就总结一下我是怎么把视频给导出来的算是一个参考。这是我premere cs4 链接：http://pan.baidu.com/s/1mii9x5Q 密码：5lnc。解压打开后:然后找到premere.exe,先不要打开，创建一个快捷方式。确认自己已经下载adobe Media encoder...

发布博客于 1 年前

js动画（一）

终于放寒假了，哈哈哈，然后，也不准备闲着吧，就是再熟悉一下旧的东西，然后把新的东西也拿来分享一下，自己也准备好了再这个寒假好好的提高一下自己，哎，菜鸟一枚，真正去实战了，发现自己手上的武器太少了，所以就，加油加油，这个寒假好好的完成计划。嗯，废话也不多说了，先介绍，三种js基本动画，匀速吗，变速，透明度变化。匀速代码如下：<script>window.onload=function(){var div1 = document.getElementById("div1");..

发布博客于 1 年前

jQ小图标上下滑动特效

嗯，又到了，夜静饥寒的时候，手指颤抖，回望去，屋内满是寂静，寥寥绰影，咳咳咳，想我程序员之路还没到终点。。。就。。。咳咳咳好了日常神经结束，还要涂我的唇膏。还剩下，最后一章，js动画（四），明天放上来，今天，老爸回来了，没有好好的看过，今天就先放一个小图标特效，挺有趣的，代码也很容易懂。jQ小图标上下滑动特效：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> &l...

发布博客于 1 年前

分享一些经典的特效效果,希望对大家有帮助

html5 QQ空间时间轴界面特效https://www.mk2048.com/demo/demo_target_desc_ihkcc1kjjb.html仿照QQ空间做的时间轴，用的是js代码（不兼容IE6，7，8）htm5适用于手机端mp3音乐播放器插件https://www.mk2048.com/demo/demo_target_desc_ihkkbiibab.htmlhtml5 MP3手机端音乐播放器插件蓝色简洁的响应式设计公司前端html5模板https://www.mk2048.com/demo/

发布博客于 1 年前

js事件对象

哎，事件也有对象呦。程序员一直在讲对象对象，那么，过年是不是该带个对象回家呢？好了，既然事件有对象，承认这个事实吧！哈哈，那么，其就有属性，接下来，就放个例子来讲讲，顺便把常用的属性也添加进去。。Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用，函数不会在事件发生前被执行<!DOCTYPE html><html> <head> <meta charset="UTF-8.

发布博客于 1 年前

js动态控制表单表格

js动态控制表单表格，这里操作只讲，添加一行，删除一行，删除某一行某一列。直接放代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <table id="tabl" border=1 cellpadding=10 cellspacing=0> &l

发布博客于 1 年前

胡言乱语一番前端圈

不知从何时起，前端圈开始痴迷于框架技术选择的争论，从原来的新出的js库都要贬低下jquery，到现在Angular、Vue、React的站队，都仅仅围绕这些库或者框架进行前端技术讨论，连你去应聘也都问问你用过哪些框架或库，你说没听过或者没看过总会有些人带着蔑视的眼光嘲讽你一把。确实，基于一些业务来说，你仅仅是知道这些框架或库的应用就足够了，何必再动脑子去想其它的问题呢？说了那么多，其实我想基于我个人的经验聊下前端的演进和未来，希望可以贡献微薄的力量，消除一些我个人认为的前端社区不太好的风气。以史为鉴.

发布博客于 1 年前

KVC中setValuesForKeysWithDictionary:

本人视频教程系列从字典映射到一个对象,这是KVC中的一个方法所提供的,这个方法就是 setValuesForKeysWithDictionary: ,非常好用,不需要你来一一的给对象赋值而直接从字典初始化即可,但用的不好会经常崩溃,本教程就来讨论这些使用的细节.首先,先初始化一个字典,如下所示:------------------------------------------------------------------------------------- NSDictionary...

发布博客于 1 年前

固定UIScrollView滑动的方向

固定UIScrollView滑动的方向一般而言,我们通过这两个参数CGRectMake以及contentSize就可以自动的让UIScrollView只往一个方向滚动.但我遇到过非常奇葩的情况,那就是即使设置的CGRectMake以及contentSize没有一点点问题,这个UIScrollView也能够上下左右滚动-_-!!.为了不依赖于CGRectMake以及contentSize,我们可以通过在代理方法scrollViewDidScroll:中进行限制即可.没有限制之前的效果:源码:/

发布博客于 1 年前

打开图片选择器并裁减图片取出图片

打开图片选择器并裁减图片取出图片效果:源码:图片切割源码:UIImage+ImagePickerCrop.h 与 UIImage+ImagePickerCrop.m//// UIImage+ImagePickerCrop.h// ImagePickerCropDemo//// Created by Frank Schmitt on 4/1/14.// Copyright (c) 2014 Frank Schmitt. See LICENSE. //#import &l

发布博客于 1 年前

实现图片浏览器功能

实现图片浏览器功能效果:此教程涉及到较多的category的使用,注意.思路:1. 获取一个view在UIWindow中的frame值2. 获取这个view的快照3. 对这个快照进行动画全屏4. 全屏消失后移除掉这个快照源码:NSObject+WeakRelated.h 与NSObject+WeakRelated.m (让两个对象之间产生关联)//// NSObject+WeakRelated.h// ScrollViewShowImage//// Crea...

发布博客于 1 年前

测试SDWebImage淡入淡出效果在UITableView中的重用显示问题

测试SDWebImage淡入淡出效果在UITableView中的重用显示问题这个是在上一篇教程的基础上所添加的测试环节！效果图（从效果图中看是没有任何重用问题的）：源码：ImageCell.h 与ImageCell.m//// ImageCell.h// SDWebImageFade//// Created by YouXianMing on 14-10-5.// Copyright (c) 2014年 YouXianMing. All rights reserved..

发布博客于 1 年前

这些例子感觉很实用，希望对你也有帮助

html5 canvas酷炫的文本输入框动画特效点击》html5 canvas酷炫的文本输入框动画特效html5 canvas非常好看的文本输入框动画，带有键入效果。红色简约的手机社区类网站html5响应式模板https://www.mk2048.com/demo/demo_target_desc_ihc2jhkkcb.htmlwap社区交流类手机网站模板，有资讯，60多个页面，欢迎交流使用html手机模板。html5全屏网格响应式布局点击弹出窗口切换特效点击》html5全屏网格响应式布局点击弹出窗口切换特

发布博客于 1 年前

将JSON字典转换为Model文件

将JSON字典转换为Model文件1. 一切尽在不言中2. 源码https://github.com/YouXianMing/CreateModelFromJson3. 说明如果你还在手动写每一个model,亲,用这个可以解放你,而且,还会过滤掉null值......,当然,你还可以把字典或者数组进一步替换成其他生成的model,提示已经写好了,就靠你自己的觉悟了....

发布博客于 1 年前

UIWebView加载CSS样式的html

UIWebView加载CSS样式的html效果源码//// ViewController.m// CSS//// Created by YouXianMing on 16/7/19.// Copyright © 2016年 YouXianMing. All rights reserved.//#import "ViewController.h"@interface ViewController ()@end@implementation ViewCon..

发布博客于 1 年前

Swift - 用UIScrollView实现视差动画效果

Swift - 用UIScrollView实现视差动画效果效果源码https://github.com/YouXianMing/Swift-Animations//// MoreInfoView.swift// Swift-Animations//// Created by YouXianMing on 16/8/18.// Copyright © 2016年 YouXianMing. All rights reserved.//import UIKitcl..

发布博客于 1 年前

这些例子的特效很炫，感觉的同学可以研究学习一下

html5 canvas画布绘制圆形时钟代码https://www.mk2048.com/demo/demo_target_desc_ih21ickjaa.html利用jQuery做的简单的一个画布时钟蓝色的易学通手机App应用页面模板下载https://www.mk2048.com/demo/demo_target_desc_ih21cbk0hj.html安卓，ios。App应用页面，采用了apicloud技术，可以打包成应用在手机运行。编辑器为apicloud studo模板。纯CSS3绘制太阳系行星动

发布博客于 1 年前

手机号中间四位加星号

在展示数据信息时候，比如中奖记录，特别是在显示手机号码是为了保护用户的信息，会可以把中间四位用*号代替，这就需要做个判断了jquery的写法：单个标签中的号码中间四位变为*$('.phone').text((function(phone) { return phone.substr(0,3) + '****' + phone.substr(7);})($('.phone').text()))多个标签中的号码中间四位变为*function returntel(phone){

发布博客于 1 年前

jquery常用的选择器

$( "parent > child" )子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。$("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等$("prev + next")相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素$("prev ~ siblings")一般兄弟选择器：匹配“prev”元素之后的所有兄弟元素。具有相同的父元素，并匹配过滤“sibli.

发布博客于 1 年前

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:.

发布博客于 1 年前

兼容ie7以上的 placeholder属性

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

发布博客于 1 年前

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.

发布博客于 1 年前

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

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

发布博客于 1 年前

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

<script type="text/javascript"> $(".ul li").each(function(){ if($(this).index()>2){ $(this).css("display","none"); } }); $(".huan").click(function(){ $(".uli li").each(function(){ if($(this).is(":hidden")){ $(this).css("display.

发布博客于 1 年前

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('?') =

发布博客于 1 年前

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.

发布博客于 1 年前

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.

发布博客于 1 年前

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"

发布博客于 1 年前

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

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

发布博客于 1 年前

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">

发布博客于 1 年前

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

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

发布博客于 1 年前

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

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

发布博客于 1 年前

自定义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;.

发布博客于 1 年前

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

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

发布博客于 1 年前

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

纯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.

发布博客于 1 年前

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...

发布博客于 1 年前

移动端页面开发的前提

区别于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 的大小，可...

发布博客于 1 年前

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

发布博客于 1 年前

页面返回时，有缓存，强制刷新（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 = .

发布博客于 1 年前

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...

发布博客于 1 年前

js 从URL上获取参数

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

发布博客于 1 年前

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

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

发布博客于 1 年前

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

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

发布博客于 1 年前

鼠标右击事件(练习)

<!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

发布博客于 1 年前

鼠标拖移事件（练习）

<!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> ...

发布博客于 1 年前

正则表达式

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

发布博客于 1 年前

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

纯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_

发布博客于 1 年前

侧边栏隐藏菜单（练习）

<!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; }

发布博客于 1 年前

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

<!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=

发布博客于 1 年前

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

<!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

发布博客于 1 年前

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

<!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

发布博客于 1 年前

猜数字游戏（练习）

<!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

发布博客于 1 年前

密码锁（练习）

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

发布博客于 1 年前

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

纯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

发布博客于 1 年前

输入日期查询（练习）

<!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];

发布博客于 1 年前

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

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

发布博客于 1 年前

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

<!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

发布博客于 1 年前

复选框选中删除行（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

发布博客于 1 年前

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

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网页动画，

发布博客于 1 年前

一些感觉挺有意思的例子

简洁的资讯门户网站响应式手机模板https://www.mk2048.com/demo/demo_target_desc_iak2jbaaaa.html简单响应式页面wap模板，资讯门户类网站手机模板下载。html5搞笑的吃月饼微信小游戏源码https://www.mk2048.com/demo/demo_target_desc_iakchckj0j.htmlhtml5吃月饼小游戏源码。蓝色的家政类保洁手机app模板源码https://www.mk2048.com/demo/demo_target_desc

发布博客于 1 年前

用户名判断（练习）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type="text" id="username"><span id="show"></span> <script> function $(

发布博客于 1 年前

ajax请求成功前loading

1.jquery方式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ajax加载loading图标</title></head><body> <form id="test-form" action="test.php" method="post"> <input type="text" name="use

发布博客于 1 年前

关于onpropertychange与oninput的兼容问题

关于onpropertychange与oninput的用法，网上一大堆，但还是有不兼容的时候，比如说，我想计下，一个input的值改变了多少次，如果写成兼容写法就为<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>onpropertychange与oninput事件</title> <script type="te

发布博客于 1 年前

这些例子很炫，感兴趣的童鞋可以了解一下

html5仿金山打字游戏源码下载https://www.mk2048.com/demo/demo_target_desc_iackk1ij1j.htmlhtml5游戏应用css3中新属性，实现打字游戏效果，利于学习，以及指法练习，灰色简洁的个人博客手机app网站模板https://www.mk2048.com/demo/demo_target_desc_iaka1ahicb.html个人博客手机模板，灰色简洁的手机app模板下载。纯css3黑色发光分享按钮特效https://www.mk2048.com/d

发布博客于 1 年前

手机客户端阻止手机软键盘弹出

手机网页怎么禁止缩放和拖动禁止缩放<metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>user-scalable=no yes设置用户缩放禁止拖动document.ontouchmove=function(e){e.preventDefault();};/...

发布博客于 1 年前

分享一些经典的特效效果,希望对大家有帮助

html5 3D酷炫网页视频背景代码https://www.mk2048.com/demo/demo_target_desc_iacii2kbib.htmlhtml5 3D视频背景，酷炫的视频背景代码html5 css3中秋节宣传推广微信专题页面模板点击》html5 css3中秋节宣传推广微信专题页面模板中秋节宣传推广html5+css3页面，电影效果，中秋节的正确打开方式，中秋节微信专题模板、qq、手机推广页面，适用产品推广纯css3鼠标经过动画菜单效果https://www.mk2048.com/de

发布博客于 1 年前

vue中引入swiper(vue中的滑块组件vue-awesome-swiper)

第一步安装npm install vue-awesome-swiper --save第二部在main.js中引入import VueAwesomeSwiper from 'vue-awesome-swiper'Vue.use(VueAwesomeSwiper)然后就可以在组件中使用该插件<template><div><swiper:options="swiperOption"ref="mySwiper">...

发布博客于 1 年前

这些例子感觉很实用，希望对你也有帮助

白色简洁的左侧固定导航企业展示模板https://www.mk2048.com/demo/demo_target_desc_ia2bjia0ab.html左侧固定导航企业网站模板html5 canvas网页赛车小游戏源码https://www.mk2048.com/demo/demo_target_desc_ia21hjjkhj.htmlhtml5赛车游戏源码html5响应式分布式商品定制购物网站特效https://www.mk2048.com/demo/demo_target_desc_ia212h0ja

发布博客于 1 年前

改变input光标颜色与输入字体颜色不同

设置input css:color #ffd600text-shadow 0px 0px 0px #bababa-webkit-text-fill-color initialinput,textarea { font-size: 24px; padding: 10px; color: red; text-shadow: 0px 0px 0px #000; -webkit-text-fill-color: transparent;}input::-web.

发布博客于 1 年前

import和require

es6 的 import 语法跟 require 不同，而且 import 必须放在文件的最开始，且前面不允许有其他逻辑代码，这和其他所有编程语言风格一致。import不同与require，它是编译时的（require是运行时的），它必须放在文件开头，而且使用格式也是确定的。它不会将整个模块运行后赋值给某个变量，而是只选择import的接口进行编译，这样在性能上比require好很多。“该用require还是import？”这个问题，就目前而言，根本没法回答。因为目前所有的引擎都还没有实现import，

发布博客于 1 年前

Promise的用法

promise.then()、promise.catch()、Promise.all()、、、Promise 构造函数接受一个函数作为参数，该函数的2个参数分别是 resolve 和 reject。他们是2个函数，有 JavaScript 引擎提供，不用自己部署。var promise = new Promise ( function ( resolve, reject) { if ( /* 异步操作成功 */ ) { resolve (value) } else {

发布博客于 1 年前

CSS 中的 initial、inherit、unset、revert

在css中，initial（初始）、inherit（继承）、unset（未设置）、revert（还原）这四个关键字可以应用于所有的CSS属性。initial - 初始默认值。IE不支持inherit - 继承直接父元素的对应属性值。IE7-不支持unset - 表示如果该属性默认可继承，则值为inherit，否则值为initial。IE不支持，safari9-不支持，ios9.2-不支持，android4.4.4-不支持revert - 表示样式表中定义的元素属性的默认值。若用户

发布博客于 1 年前

这些例子感觉很实用，希望对你也有帮助

北京建站公司的响应式官网html5模板点击》北京建站公司的响应式官网html5模板html5建站公司最新响应式官网模板仿京东2017海外招聘html5微信专题模板点击》仿京东2017海外招聘html5微信专题模板酷炫的京东海外招聘手机微信专题页模板，html5招聘专题页面模板下载。html5自定义标签手机登录框表单验证代码点击》html5自定义标签手机登录框表单验证代码用html5里面的自定义属性写的手机登录表单验证黑色宽屏的手机app软件介绍html5模板点击》黑色宽屏的手机app软件介绍html5模板手

发布博客于 1 年前

背景透明，文字不透明的兼容性写法

<!DOCTYPE html><html><head><meta charset="utf-8"><title>背景透明，文字不透明</title><style>*{ padding: 0; margin: 0;}body{ padding: 50px; background: url(img/bg.png) 0 0 repeat;}.demo{ padding: 25p.

发布博客于 1 年前

左右固定，中间自适应布局

1、html:　　　left　　　right　　　main　　　　　　css:　　　　　left,right固定宽度，left左浮动，right右浮动。main:width 100%height 100%padding-left left宽度 padding-right right宽度

发布博客于 1 年前

通过新浪ip地址库获取用户省份

<script src="http://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script><script> $.getScript('http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js', function (_result) { if (remote_ip_info.ret == '1') {

发布博客于 1 年前

禁止输入框复制粘贴

<inputtype="text"id="username"name="username"value="zzsky"onpaste="returnfalse"oncontextmenu="returnfalse"oncopy="returnfalse"oncut="returnfalse">

发布博客于 1 年前

实现文字渐变

<template> <div class="box"> <div class="masked"> <p>wrbwrrwrewr</p> <p>fdsfsfbsmfs</p> <p>wrernwrwr</p> <p>drwrwernwe,r</p> <

发布博客于 1 年前

分享一些经典的特效效果,希望对大家有帮助

jQuery css3立体相册图片点击切换图片效果https://www.mk2048.com/demo/demo_target_desc_iabbhibkbb.htmljQuery css3立体相册图片效果html5适用于手机端3D图片旋转木马特效https://www.mk2048.com/demo/demo_target_desc_iabbjj21ib.htmlhtml5旋转木马，手机端图片旋转木马，3D图片特效红色的家政服务手机网站模板源码https://www.mk2048.com/demo/de

发布博客于 1 年前