2017年11月_林中明月间。

12月 11月

原创 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中间文本两侧横线、左侧添加一个竖线

第一种：//横线<style> .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瀑布流卡片展示

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

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.左右焦点图点击<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> &

2017-11-09 18:09:16 418

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

placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password。值 "text/css" 指示内容是标准的 CSS。text/css和text/javascriptbutton：定义可点击的按钮（通常与 JavaScript 一起使用来启动脚本）。<br><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