- 博客(15)
- 收藏
- 关注
原创 登录注册验证码 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 1969
原创 css水平垂直居中三种实现方法
方法一:使用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 1021
原创 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 3831 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 229
原创 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 503
原创 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 4400
原创 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 1400
原创 Sortable 拖拽插件 使用文档
插件网址:http://www.runoob.com/jqueryui/api-sortable.html 此插件是让被选元素通过鼠标拖拽然后进行排序。 // 我排版渣— 注意事项: 多列表链接时要使用connectWith,双向或者多向链接。 还要考虑下各向链接的方向,逻辑性(谁能拖拽过去,谁拖拽不过去)。 如果要拖拽多个元素,可以使用appendTo,把他追加到一块。$(".
2016-08-30 16:06:02 8809
转载 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 305
转载 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 228
原创 回到顶部效果 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 287
原创 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 248
原创 浏览器内核 兼容问题--总结
先说浏览器内核:Trident内核: ie 遨游、世界之窗 \9 \0 + *_Gecko内核: firefox -moz-Webkit内核: safari chrome -webkit-presto内核: opera -0-注:最新的
2016-08-30 15:27:46 334
转载 纯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 3346
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人