2018年04月_林中明月间。

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 css3 transform 属性

transition 与 transform 属性、用法、区别transition:1s;(写在目标元素中)transition: width 2s linear 200ms,background 2s linear 200ms;那个属性需要过渡写那个/*代表持续时间为1s，延迟时间为2s*/ transition: 1s 2s;通过这四个子属性的配合来完成一个完整的过渡效...

2018-04-26 15:25:22 1431

原创移动端手势滑动的无缝轮播图(右向左移动)

原生js实现简单移动端轮播图<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="view...

2018-04-25 12:35:46 3535

原创 jq 购物车弹出层

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &lt...

2018-04-19 09:56:22 1155 1

原创 Css3概念知识点

当元素没有定义宽度高度就可以给它写 max-width、max-height引用线上css：@import url(http://fonts.useso.com/css?family=Ubuntu); <linkhref='http://fonts.useso.com/css?family=Ubuntu'rel='stylesheet'type='text/css'&...

2018-04-14 15:11:20 1059

原创 Css3弹性盒模型详解

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta ...

2018-04-14 14:00:49 814

原创 css3属性选择器，css中“~”（波浪号）、“，”（逗号）、“+”（加号）和（大于号）详解

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta

2018-04-12 15:37:10 10943

原创原生js、jq切换选项卡

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style> ul,li{ list-sty

2018-04-10 16:02:08 421

原创 jq概念笔记

只能输入纯数字的输入框:<input type="text" name="" oninput="value=value.replace(/[^\d]/g,'')"> //放心使用很强大jQuery中$()可以有两个参数var $box = $('div.work_content');var $txt = $('div.model-select-text',$box);...

2018-04-10 16:01:18 543 1

原创解决苹果手机a标签点击背景，按钮颜色不兼容问题（发白）问题

a{ -webkit-tap-highlight-color:rgba(0,0,0,0); } input[type=button],input[type=submit],input[type=file],button{ cursor: pointer; outline:none;/*除边框*/ -webkit-appearance: none;/*消除按钮圆角*/ b...

2018-04-04 17:23:55 1549

原创原生js概念知识点

Javascript获取数组中最大和最小值、排序由于js中的变量是松散类型的，所以它提供了一种检测当前变量的数据类型的方法，也就是typeof关键字.typeof 123　　 //Numbertypeof 'abc'　　//Stringtypeof true //Booleantypeof undefined //Undefinedtyp...

2018-04-04 11:57:47 1373 1

原创 css3折纸导航效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta

2018-04-29 15:09:57 333

转载手机h5页面唤起打电话、发邮件、发短信功能、QQ交谈

支持html5的浏览器在web页面里面实现拨打电话的功能<a href="tel:139xxxxxxxx">一键拨打号码</a><a href="mailto:yuojian@163.com">一键发送邮件</a><a href="sms:139xxxxxxx">一键发送短信</a>点击跳转qq聊天窗口&...

2018-04-28 12:23:29 4858

原创 3d示例

2018-04-28 10:42:33 234

原创 html 隐藏滚动条（pc、移动适用）

css 添加代码:/*HTML5 元素超出部分滚动, 并隐藏滚动条*/#box::-webkit-scrollbar { display: none;}#box::-webkit-scrollbar { width:0px;}

2018-04-27 16:34:30 4639 3

原创 css jq模拟下拉

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me

2018-04-23 17:29:42 232

原创鼠标移入旋转小实例

css：.box{ width: 100px; height: 100px; margin: 30px auto; position: relative; border:1px solid #000;}#box{ width: 100px; height: 100px; background:red; position: absolute; left: 0; top: 0...

2018-04-23 12:18:44 516

原创 Css3 matrix

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me

2018-04-19 17:26:16 362

转载 css3 仿iphone开机滑动

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta

2018-04-19 09:37:58 268

原创 jQuery简单的弹出层效果

<!doctype html><html><head><meta charset="utf-8"><title>jQuery简单的弹出层效果-jq22.com</title><script src="http://libs.baidu.com/jquery/2.1.1/jquery.min

2018-04-17 16:39:19 1751

原创简单的原生js弹出框

<!doctype html><html><head><meta charset="utf-8"><title>简单的原生js弹出框-jq22.com</title><script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js

2018-04-17 16:28:34 5372 1

转载 Jquery超完美滚动轮播图

<!doctype html><html><head><meta charset="utf-8"><title>超完美滚动轮播图</title><script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"&

2018-04-17 13:23:42 1069

原创 Css3图片拖拽、图片、文字倒影

2018-04-14 14:48:32 512

原创 Css3伪类与p标签控制

2018-04-13 17:10:29 1198

原创 indexOf()、lastIndexOf()用法、用typeof查看数据类型

2018-04-12 11:14:50 2750 1

原创 jQuery简便实现遮罩层,内容居中并跟随滚动条滚动

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><met

2018-04-11 13:46:55 1456

转载 jq的$.each遍历数组

// 遍历数组 var arr2= [5,6,8,10]; $.each(arr2,function(index,value){ console.log("下标:"+index+"值:"+value); }); // 遍历对象 var json ={ name:"王",age:"20",sex:"女"}; $.each(json,f...

2018-04-09 16:15:54 1807