2016年08月_shl999

原创登录注册验证码 js

文件下载传送门—–http://pan.baidu.com/s/1nuMLIQ1css部分：<style type="text/css"> .code { font-style: italic; color: blue; font-size: 30px; border: 0; padding: 2px 3px; letter-spacing: 3px

2016-08-30 16:32:06 1956

方法一：使用dispaly：inline-block 和 vertical-align 还有伪类实现.block1{text-align:center;border:1px solid red;height:600px; }.block1:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-

2016-08-30 16:28:32 1013

原创 jq-ui的Sortable插件两列布局左右拖拽

html页面传送门—–http://pan.baidu.com/s/1c21Fqhi1.先引入<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" href="http://apps.bdimg.com/libs/jq

2016-08-30 16:25:00 3798 1

原创背景渐变 gradient

div { width:100px; height:100px; -webkit-transform:rotate(90deg);}div:before {content:""; display:block; width:100px;height:50px; margin-top:10px;padding:10px 10px 0 10px; box-sizing:border-box; bord

2016-08-30 16:20:06 222

原创 transform的一些属性

.div1{transform: rotate(45deg)}.div1 span{transform: rotate(45deg);display: inline-block}.div2{transform:scale(0.5,1)}.div3{transform:skew(30deg,20deg)}.div4{transform:translate(45px,50px)}.div5{t

2016-08-30 16:14:54 488

原创 html css实现左右两列固定宽度中间自适应效果

实现有很多方法浮动，固定定位，和css布局，这篇文章通过浮动和display:table-sell 两种方法来实现。1.float和margin css部分：.main{overflow:hidden;min-width:405px;}.left,.right,.center { color: #fff;word-wrap: break-word;min-height:500px;}

2016-08-30 16:12:12 4386

原创 Animate css3动画使用文档

1.先引入animate.min.css 文件。下载网址：http://apps.bdimg.com/libs/animate.css/3.1.0/animate.min.css2.效果实现有两种方式：2.1给指定的元素加上类 “animated bounceOutLeft” ，animate是基本类必须加上，而后一个就是根据自己想要的效果来增加类。 2.2添加动态效果，可以用jq

2016-08-30 16:08:39 1381

原创 Sortable 拖拽插件使用文档

插件网址：http://www.runoob.com/jqueryui/api-sortable.html 此插件是让被选元素通过鼠标拖拽然后进行排序。 // 我排版渣— 注意事项：多列表链接时要使用connectWith，双向或者多向链接。还要考虑下各向链接的方向，逻辑性（谁能拖拽过去，谁拖拽不过去）。如果要拖拽多个元素，可以使用appendTo，把他追加到一块。$(".

2016-08-30 16:06:02 8769

转载小知识点清除浮动

.row::after { display: table; clear: both; content: "";}

2016-08-30 16:02:45 355

转载 css3 的一些新属性

1.边框新属性 border-radius border-shadow border-image 2.背景新属性 background-size background-origin –规定背景图片的定位区域 3.文本效果 text-shadow(文本阴影) word-warp(强制换行) 4.字体 @font-face 5.2D转换 transform

2016-08-30 16:01:17 296

转载 PhpStorm 快捷键

声明：从网上找来的，方便自己以后查看。 windows下phpstorm的快捷键ctrl+shift+n查找文件 ctrl+shift+f 在一个目录里查找一段代码(ctrl+f的升级版) ctr+shift+r 在一个目录里查找一段代码并替换(ctrl+r的升级版) CTRL+ALT ←/→ 返回上次编辑的位置 ALT+ ←/→ 切换代码视图，标签切换 ALT+ ↑/↓ 在方法间

2016-08-30 15:58:57 219

原创回到顶部效果 js+css

css和js部分：<style type="text/css"> body{height:5000px; } .top{background-color: #0a131a;color:#fff;width:50px;height:50px;display: none; position: fixed;right:20px;bottom:40px

2016-08-30 15:42:42 278

原创 html5 学习笔记

w3c是个好网站要多去看看1.video 视频 2.audio 音频 3.Drag drop 拖放4.canvas 绘制图像 canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript内部完成。 JavaScript 使用 id 来寻找 canvas 元素，varc=document.getElementByIdx_x("myCanva

2016-08-30 15:27:52 237

原创浏览器内核兼容问题--总结

先说浏览器内核：Trident内核： ie 遨游、世界之窗 \9 \0 + *_Gecko内核： firefox -moz-Webkit内核： safari chrome -webkit-presto内核： opera -0-注：最新的

2016-08-30 15:27:46 322

转载纯css实现轮播效果

转载自： http://blog.csdn.net/rtian001/article/details/48474677#comments改动了一部分方便自己以后使用<!DOCTYPE html><html><head> <title> 纯CSS代码实现图片轮播 </title> <meta charset="utf-8" /> <style type="text/cs

2016-08-30 15:22:00 3321

小利的博客