学习教程
phoooob
这个作者很懒,什么都没留下…
展开
-
图片轮播区域
第一步 创建一个盒子 操作: .banner按tab<div class="banner"></div>写css.banner{ height:382px; width : 100 % ;}原创 2016-05-10 12:37:35 · 1738 阅读 · 0 评论 -
将元素定位到当前行的上一行,并居中
第一步banner中定义好了高度为382px的全屏图片:banner-img(此处省略) 第二步 创建一个小盒子,用于盛放居中的内容注意这个元素是banner的子元素,必须放到banner中,与banner-img是兄弟元素<div class="container banner-center"></div>container已经设置了固定的宽度1000px.container{原创 2016-05-11 07:21:13 · 703 阅读 · 0 评论 -
鼠标悬浮控制元素隐藏与显示 - css中鼠标的hover状态
html的示例代码:<div class="father"> <div class="brother-showing"> <div> <div class="element"> </div></div>css代码:.element{ display:none; //元素默认是隐藏的}//当鼠标经过兄弟元素brother-showing时,也就是经过父级fath原创 2016-06-02 12:18:15 · 57137 阅读 · 8 评论 -
css让文本可以自由编辑
contenteditable=”true”转载 2016-09-25 22:28:04 · 1493 阅读 · 0 评论 -
管理后台 - 轮播图片管理功能
先上效果图列表 四个必须字段:id 、 imgUrl 、 imgLink 、 addTimeid主要作用有两个:区分是save还是update,新上传的图片存储时无id,修改时则有id。addTime主要用于图片排序。保存 保存时,每一张图片算作一个数据组,数据组中包含id 、 imgUrl 、 imgLink 三个基本参数,如果id为空则save,如果不为空则update。每次save原创 2016-10-25 11:56:44 · 20684 阅读 · 2 评论 -
不依赖FLASH html自动复制 clipboard.js
http://zenorocha.github.io/clipboard.js/原创 2017-01-31 11:32:09 · 1405 阅读 · 0 评论 -
将数字转换成中文
function changeNum(num) { var arr = ['零' , '一' , '二' , '三' , '四' , '五' , '六' , '七' , '八' , '九' , '十'] ; var t = (num+'').split(''); if(num < 10){ return arr[num] ; }else if(num原创 2017-02-01 16:06:11 · 466 阅读 · 0 评论