自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

林中明月间丶

立志不坚,终不济事。

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

原创 css判断iPhone样式

css 判断是iphone4s iphone5 加载不同样式1、@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */ .class{}}@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){...

2017-11-24 20:13:30 4635

原创 样式重置 css、reset.css

移动端:<style>*{margin: 0;padding: 0;}h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }h1...

2017-11-24 20:09:10 423

转载 CSS3 - 鼠标经过图片缓慢放大、鼠标离开缓慢还原

代码css.newli_img{ width: 231px; height: 149px; overflow: hidden;}.newli_img:hover img{ -webkit-transform:scale(1.2);/*在Safari 和 Chrome兼容下还原*/ -moz-transform:scale(1.2);/*在Fire...

2017-11-21 11:17:30 1857

原创 nth-child和nth-of-type的区别

Css3 child是从1开始计数、n是从0开始计数的控制子元素1、first-childfirst-child表示选择列表中的第一个标签。代码如下:li:first-child{background:#090}上面的意思是,li 列表中的 第一个li模块的背景颜色。2、last-childlast-child表示选择列表中的最后一个标签,代码如下:li:last-chil...

2017-11-20 15:10:28 686

原创 html 文字两边加横线\竖线\ Css3中间文本两侧横线、左侧添加一个竖线

第一种://横线&lt;style&gt; .exple { height: 50px; line-height: 60px; text-align: center; } .order .line { display: inline-block; width: 250px; // 横线长度 border-top: 1...

2017-11-11 14:24:05 20076 1

原创 网页自动适应手机端

判断是否为手机端 if (window.navigator.userAgent.toLowerCase().indexOf('mobile') == -1) {//-1 为PC端 1为移动端 }贴出代码 复制过去吧网站对移动设备友好,确保适当的绘制和触屏缩放:<meta name="viewport" content="width=device-width, in...

2017-11-10 11:09:32 5795

原创 原生js横幅广告轮播图

手把手原生js简单轮播图原生js实现图片轮播效果<!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/xht...

2017-11-09 17:50:01 2099

原创 web 兼容性问题

1、居中问题div里的内容,IE默认为居中,而FF默认为左对齐,可以尝试增加代码margin: 0 auto;2、高度问题两上下排列或嵌套的div,上面的div设置高度(height),如果div里的实际内容大于所设高度,在FF中会出现两个div重叠的现象;但在IE中,下面的div会自动给上面的div让出空间所以为避免出现层的重叠,高度一定要控制恰当,或者干脆不写高度,让他

2017-11-28 15:26:06 323

转载 web 前端面试题目

1. 谈谈你对js闭包的理解:使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染,缺点是闭包会常驻内存,会增大内存使用量,使用不当很容易造成内存泄露。闭包三个特性:      ①:函数嵌套函数;       ②:函数内部可以引用外部的参数和变量;       ③:参数和变量不会被垃圾回收机制回收2. 谈谈你对C

2017-11-28 15:03:53 466

转载 图片懒加载\滚动加载

* { padding: 0; margin: 0;}#main { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -moz-column-gap:20px; -webkit-column-gap:20px; column-gap:20px; paddin

2017-11-27 18:27:46 675

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

2017-11-27 18:24:43 1189

转载 原生js实现瀑布流

原生js实现瀑布流           body{          overflow: scroll;          height: 1000px;      }          *{              margin: 0;              padding: 0;          }          #main{     

2017-11-27 16:42:39 248

原创 CSS3瀑布流

CSS3瀑布流        /*大层*/    .container{width:80%;margin: 0 auto;}    /*瀑布流层*/    .waterfall{        -moz-column-count:4; /* Firefox */        -webkit-column-count:4; /* Safari 和 Chrome */

2017-11-27 16:14:12 355

转载 web 前端和后台配合工作流程

下面结合代码演示前端和后台配合工作流程。GET方式html>head> meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> title>title> meta charset="utf-8" /> script type="text/javascript" src="

2017-11-27 11:12:24 20832 1

原创 html 加载文件.swf、音乐文件

Flash: 提示:src=*.swf 这里是你的SWF文件地址,你可以用网页上的,也可以从你图像组里面调用,确保地址正确,否则根本无法找到文件。width="00" height="00" 这里的参数你可以根据自己的需要设置。

2017-11-25 16:17:01 1270

原创 input的required属性

<form action="demo-form.php"> Username: <input type="text" name="usrname" required> <input type="submit"></form>当一个input标签设置了required属性时,若属性值为true,则表示当能容为空时,不允许提交inpu...

2017-11-16 16:21:01 2532

原创 textarea 属性

简单的说下 这两个属性。在HTML中有2个属性是控制textarea是否可输入disabled 属性该属性规定禁用文本区。被禁用的文本区既不可用,也不可点击;readonly属性该规定文本区为只读。在只读的文本区中,无法对内容进行修改,但用户可以通过 tab 键切换到该控件,选取或复制其中的内容;使用readonly属性

2017-11-15 10:54:43 3372

原创 图片跟随鼠标

body {            height: 5000px;        }        img {            position: absolute;            padding: 10px 0;            border: 1px solid #ccc;            cursor: pointer;

2017-11-09 18:22:00 599

原创 原生js焦点图轮播

分享给各位各种轮播图 我只给所有代码 你们自己改自己需要的地方。1.左右焦点图 点击&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; &

2017-11-09 18:09:16 418

原创 html里面type的主要类型 || HTML5新增表单控件和表单属性

placeholder 属性适用于以下的 &lt;input&gt; 类型:text, search, url, telephone, email 以及 password。值 "text/css" 指示内容是标准的 CSS。text/css和text/javascriptbutton:定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。&lt;br&gt;&lt;input...

2017-11-09 10:46:51 1526

原创 html图片无缝循环移动

一排图片快速向左移动:                   1            2            3            4            5            6            7            8            9var

2017-11-09 09:59:38 4072 1

原创 如何查看微信页面的源代码

有一次做项目 叫我把手机微信上一个页面的源代码 给扒下来。好嘛,这个怎么搞呢。先是 想把链接发送到qq上面 打开。 显示请用微信客户端查看。这可怎么办?然后就百度 查资料。还在自己的手机上下载了一个叫做 view source的app 还是没用。 终于经过我的不懈努力。终于有点眉目。就口头教大家操作一下。第一步:在你的电脑上 打开微信登录网页版。扫码登录第二步:把你想看的网页......

2017-11-09 09:25:51 37154 7

原创 mysql数据库练习题

有一段时间想好好的练习一下数据库 就去网上找了好多练习题目。但是这些练习题目都感觉好少 所以我把我搞到的所有数据库练习题 综合了一下起来。喜欢的小好伙伴们赶紧收藏好了撒。一次够你练习几个小时了 别坚持不下去了撒   那我就贴出来了//登录和退出数据库1:mysql -u root -p//输入密码2: exit3: mysql -u root -pcreate

2017-11-08 18:42:33 7681

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关注的人

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