显示有误

导航栏效果

摘要： <!doctype html><html><head> <title></title><meta charset="UTF-8"><style> div,p,h1,h2,h3,h4,h5,h6,ul,a,{margin:0;padding:0;} .box{ width:100%; height:5 阅读全文

posted @ 2016-09-19 16:26 显示有误阅读(135) 评论(0) 推荐(0)

css多行文本省略号

摘要：适用于内核为webkit的浏览器： display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;兼容大多数浏览器，但是最后一行无论文本是否溢出都会出现省略号，需配合js实现 p 阅读全文

posted @ 2016-09-19 15:51 显示有误阅读(209) 评论(0) 推荐(0)

jQuery遮罩层效果

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Mask</title> <style type="text/css"> *{margin:0;padding:0;} .mask{ position:absolu 阅读全文

posted @ 2016-09-09 11:46 显示有误阅读(107) 评论(0) 推荐(0)

分页组件

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <style type="text/css"> body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,in 阅读全文

posted @ 2016-09-02 15:19 显示有误阅读(126) 评论(0) 推荐(0)

h5canvas绘制loading页面

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>百分比加载</title></head><body> <canvas id="canvas" width="500" height="500" style="bac 阅读全文

posted @ 2016-09-02 15:10 显示有误阅读(283) 评论(0) 推荐(0)

js 分页

摘要： <!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>js分页</title><style type="text/css">div,ul,li,body 阅读全文

posted @ 2016-08-25 09:04 显示有误阅读(230) 评论(0) 推荐(0)

文本框输入自动联想功能

摘要： <!DOCTYPE html><html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="content-type" content="text/html;charset 阅读全文

posted @ 2016-08-24 17:27 显示有误阅读(767) 评论(0) 推荐(0)

公告