自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 资源 (2)
  • 收藏
  • 关注

转载 Echarts数据可视化legend图例详解:

代码片下面展示一些 内联代码片。 Echarts数据可视化legend图例详解:// An highlighted blocklegend={ show:true, //是否显示 zlevel:0, //所属图形的Canvas分层,zlev...

2018-11-06 16:16:37 5271

原创 ECharts饼图实例

ECharts饼图实例1、 引入echarts的js文件// html<div id="graphs" style="width:1000px;height:600px;"> <div>// An highlighted block<script type="text/javascript"> // 基于准备好的dom,初始化echarts实例..

2018-11-06 15:25:55 1553

原创 多个HTML利用php批量生产PDF报告

代码片下面展示一些 内联代码片。// PHP<?phpheader("Content-type: text/html; charset=UTF-8");include('m/mpdf.php'); //引入MPDF类文件function trimall($str){$qian=array(" "," ","\t","\n","\r");return str_

2018-11-06 15:10:16 1038

原创 CSS3 实现六边形图片展示效果

代码片下面展示一些 内联代码片。// html<div class="boxF"> <div class="boxS"> <div class="boxT">1d</div> </div></div>// css body, div,

2018-11-06 14:33:15 1651

原创 前端开发参考地址

http://www.oschina.net/translate/using-html5-input-types-to-enhance-the-mobile-browsing-experience   input框详细解释http://www.ibm.com/developerworks/cn/web/1207_zhaoch_lesscss/  LESS CSS 框架简介 http

2016-03-24 17:22:02 1393

原创 淘宝的样式初始化:

body, 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; }body, button, input, select, textarea { fo

2016-03-24 10:44:46 620

原创 html 标签属性大全 (完美版)

html标签属性大全是朋友们整理常用的html标签,和大家更好的交流沟通。学习html标签属性大全 html标签<marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>..

2016-03-24 10:44:32 2545

原创 html 标签属性大全 (完美版)

html标签属性大全是朋友们整理常用的html标签,和大家更好的交流沟通。学习html标签属性大全 html标签<marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>..

2016-03-02 17:54:01 24909 2

原创 input type 属性详情

选框,提交/重置按钮等,下面一一介绍。 1,type=text 输入类型是text,这是我们见的最多也是使用最多的,比如登陆输入用户名,注册输入电话号码,电子邮件,家庭住址等等。当然这也是Input的默认类型。 参数name:同样是表示的该文本输入框名称。 参数size:输入框的长度大小。 参数maxlength:输入框中允许输入字符的最大数。 参数value:输入框中的默认

2016-03-02 17:45:20 757

原创 修改输入框placeholder文字默认颜色-webkit-input-placeholder

<input class="inputText" id="id_card" name="id_card" placeholder="请输入身份证号" type="text">我想让input框默认显示的字体颜色和输入的颜色保持一致,一直认为应该要设置input的颜色,改了很久,一定用不管,最后想到了placeholder属性,于是乎百度了一下,果然placeholder默认的字体颜色是浅灰色的, 然

2016-03-02 17:31:56 123679 1

原创 怎么解决input框中加入disabled="disabled"之后,改变字体的颜色(默认的是灰色)

<input class="color-red" type="submit" name="share_price" disabled="disabled" value="分享后付({$check_census_share_price}元)" />在input框中加入disabled=”disabled”之后,字体默认的就变成灰色了解决方案input[disabled]{color:#fff;opac

2016-02-24 13:29:15 60213 4

原创 当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失

$(document).ready(function(){ //首先将#back-to-top隐藏 $("#back-to-top").hide(); //当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失 $(function () { $(window).scroll(function(){ if ($(window)

2016-01-14 13:56:24 851

原创 点击top返回到页面顶部

制作需求: 1. 当页面窗口的高度大于50时top按钮出现 2. 点击top按钮时返回到页面顶部$(document).radey(function(){ $(window).scroll(function(){ if($(window).scrollTop()>50){ $(".top").fadeIn(1500); } else{ $

2016-01-13 17:12:44 630

转载 jQuery全屏滚动插件fullPage.js

简介 如今我们经常能见到全屏网站,尤其是国外网站。这些网站用几幅很大的图片或色块做背景,再添加一些简单的内容,显得格外的高端大气上档次。比如 iPhone 5C 的介绍页面(查看),QQ浏览器的官网站。如果你也希望你的网站能设计成全屏的,显得更上档次,你可以试试 fullPage.js。fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站,主要功能有:支持

2016-01-13 11:42:23 468

原创 WOW.js – 让页面滚动更有趣

<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><title>WOW.js演示_dowebok</title><link rel="stylesheet" href="http://cdn.dowebok.com/98/css/animate.min.css"><style>* { margin: 0; pad

2016-01-13 10:45:47 3148

原创 scrollReveal.js – 页面滚动显示动画JS

先来个案例<script src="js/scrollReveal.js"></script> <script type="text/javascript">$(document).ready(function(){ (function($) { 'use strict'; window.scrollReveal = new scrollReveal(

2016-01-13 10:41:02 3558

原创 使用Skrollr创建视差滚动效果页面

视差滚动(Parallax Scrolling)是指多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。随着用户对视觉体验的要求不断提高,WEB开发者开始在网页中加入各种特效元素以满足用户的需求。今天这篇文章给大家推荐一个优秀的视差动画Javascript库——Skrollr.jsSkrollr是一个使用了HTML5和CSS3的轻量级JavaScript视差滚动类库。它是不依赖于其

2016-01-13 10:28:17 891

原创 用slide实现图片轮播效果

----------需要引用的JS<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script><script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>----------banner层的样式<style>#banne

2016-01-12 14:45:02 1608

原创 移动web前端开发时注意事项

在智能手机横行的时代,作为一个web前端,不会编写移动web界面,的确是件悲催的事情。当公司准备做一个微信的微网站时,作为一个多年经验的web前端码农,我迷茫了,真心不知道从何下手。接下来就是搜一堆教程,然后开始编写代码,三天后,我的第一个移动端web页面编写完成。回头想想,移动端的web页面代码编写远没有我想的那样复杂(可能是我做的这个项目比较简单的缘故)。但是就入门来说,其实是蛮简单的

2016-01-12 14:21:30 673

原创 HTML5 input 常用属性

电子邮件input类型 URL input 类型电话号码input类型数字input类型日期input类型时间input类型日期和时间input类型 月份input类型

2016-01-12 14:10:02 494

原创 css 消除 button a input 点击时的外框

input,button,a {  outline:0 none !important; blr:expression(this.onFocus=this.blur());}a{blr:expression(this.onFocus=this.blur())}而此段代码的作用是清除 A 链接在点击时会产生虚线的问题.css 阻止双击选中文字-moz-user-sel

2016-01-12 14:04:10 793

原创 移动端 css初始化

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas,caption, center, cite,code, dd, del, details, dfn, div, dl, dt, em,embed, fieldset, figcaption, figure,

2016-01-12 11:15:40 6368

Vim Cheat Sheet

关于vim备忘单,该项目旨在成为最容易获得的vim指南之一

2018-11-09

多个HTML利用php批量生产PDF报告

为了实现批量化,利用php脚本实现HTML报告批量生产PDF

2018-11-06

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除