自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

林中明月间丶

立志不坚,终不济事。

  • 博客(28)
  • 资源 (8)
  • 收藏
  • 关注

原创 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 1154 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 1056

原创 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 811

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

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

2018-04-12 15:37:10 10942

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

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt;&lt;/head&gt;&lt;style&gt; ul,li{ list-sty

2018-04-10 16:02:08 420

原创 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 1548

原创 原生js概念知识点

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

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

原创 css3折纸导航效果

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

原创 3d示例

&lt;style&gt;.box{ width: 100px; height: 100px; padding: 100px; border: 5px solid #000; margin: 30px auto; -webkit-transform-style:preserve-3d; -webkit-perspective:100px;/*景深 近大远小*/}.div{ w...

2018-04-28 10:42:33 232

原创 html 隐藏滚动条(pc、移动适用)

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

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

原创 css jq模拟下拉

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

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

2018-04-19 17:26:16 361

转载 css3 仿iphone开机滑动

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

2018-04-19 09:37:58 267

原创 jQuery简单的弹出层效果

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

2018-04-17 16:39:19 1750

原创 简单的原生js弹出框

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

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

转载 Jquery超完美滚动轮播图

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

2018-04-17 13:23:42 1067

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

&lt;style&gt;.box{ width: 300px; height: 200px; background: url(img/3.jpg); border: 5px solid #000; resize:both;/*图片拖拽*/ overflow: auto;/*必须配合overflow:auto 一起*/}/*文字图片倒影*/.reflect{ width:9...

2018-04-14 14:48:32 511

原创 Css3伪类与p标签控制

<style>p{ width: 300px; border: 1px solid #000; font-size: 12px; line-height: 30px; padding: 10px;}p:first-line{/*.class p:first-line 这样也可以控制*/ background: red;}p:first-letter{ fo...

2018-04-13 17:10:29 1198

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

<script type="text/javascript"> var str = 'www.baidu.com'; for( var i = 0;i<str.length;i++ ){ if(str.charAt(i)==='i'){ alert(i);//6 } } string.indexOf(searchvalue,fromindex)...

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

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

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

转载 移动端关于select最佳兼容性解决方案(css)

&lt;style&gt;.button { border: 1px solid #bbb; border-radius: 1px; box-shadow: 0 1px 0 1px rgba(0,0,0,.04); width: 300px; background: #f3f3f3; background: -moz-linear-gradient...

2018-04-04 17:35:07 3844

原创 移动端苹果手机select兼容问题

select{ -webkit-appearance: none; }

2018-04-04 17:34:07 8317 2

rsaTest.zip

Barrett \BigInt\RSA

2021-11-25

ElementUI transfer+table.zip

穿梭框+table表格结合

2021-06-04

10种各样轮播图源码值得拥有

10种各样轮播图源码

2021-06-03

jQuery插件实现图片展开效果,jquery.gallery。仿腾讯QQ空间说说图片展示效果。.html

jQuery插件实现图片展开效果,jquery.gallery。仿腾讯QQ空间说说图片展示效果。

2020-04-01

vue axios封装 axios 请求

vue axios封装 axios 请求

2020-03-27

spin.min.js

spin.min.js 用于网页或者手机端的Loading动画的加载,用户体验好

2019-03-28

手机浏览器百度地图api定位

调用百度地图接口 可供开发者使用 资源非常得不错 希望能帮到你

2018-01-25

js大转盘抽奖

js大转盘抽奖 代码可以直接在手机端 开发调用 想用的小伙伴快快下载吧

2018-01-25

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除