随笔分类 - css+html5
摘要：Echart是百度研发团队开发的一款报表视图JS插件，功能十分强大，使用内容做简单记录；（EChart下载地址 http://echarts.baidu.com/download.html） 1、title：写标题，属性如下 show:false/true 标题是否显示； text：标题内容；tex
阅读全文
摘要：概述 Sublime是一款很好用的程序编辑网站，主要说的就是编写网页代码，同时Sublime支持接口开发，致使网络上有很多大牛写的编辑插件也很多，使用起来也自如方便了好多，最近一直在用Sublime text3写html5的网站，想针对该软件的使用做一个简单总结。 Sublime安装与激活 打开Su
阅读全文
摘要：1 概述 编写后台网站程序大多数用到文件上传，可是传统的文件上传控件不是外观不够优雅，就是性能不太好看，翻阅众多文件上传控件的文章，发现可以这样去定义一个文件上传控件，实现的文件上传的效果图如下： 2、该图片上传插件实现功能如下： 1>能够异步上传，上传成功之后，服务器返回响应结果；能够定义上传前和
阅读全文
摘要：一、概述 研究了上节的Jquery自定义扩展方法，自己一直想做用jquery写一个小的插件，工作中也用到了用JQuery的日历插件，自己琢磨着去造个轮子--HTML5手机网页日历控件，废话不多说，先看看效果图吧 效果图很简单，代码封装在JQuery中，网页端只需要要调用即可； 二、Jquery自定义
阅读全文
摘要：jquery是一款流行的JS框架，自定义JS方法，封装到Jquery中，调用起来也挺方便的，怎么写Jquery扩展方法那，网上翻阅了一部分代码，其实也挺简单的： 方式一： (jQuery.fn.setApDiv=function () { //apDiv浮动层显示位置居中控制 var wheight
阅读全文
摘要：1、概述 用时间点来展示事件发生点来代替用table展示一条条数据，能够给人清晰、一目了然能够看清事情发生的过程，UI页面也显示的那么清晰。如何用css+html做出时间轴展示事件点的？先来看看下面的效果做出这样效果的时间轴展示事件点，需要了解一下知识：1.1、css位置：position1.2...
阅读全文
摘要：1、概述 iscroll 专注于页面滚动js。Iscroll滚动做的挺好,特别是针对手机网页（android、iphone）正好弥补手动滑屏的遗缺，而今研究一番，把代码贴出来，供大家参考。2、iscroll使用说明 初始化iScroll wrapperhour//标识要滚动的div对应ID iSc...
阅读全文
摘要：上一节主要梳理了validform的基础知识，针对这些基础知识，编写代码的时候，也整理的部分知识，先记录以便后期温习。验证部分的css@charset "utf-8";/* CSS Document *//*==========以下部分是Validform必须的===========*/.Valid...
阅读全文
摘要：面对表单的验证，自己写大量的js毕竟不是一个明智的做法。不仅仅是代码很长而且不便于梳理。Validform就是一款开源的第三方验证js的控件，通过添加相应的js以及css能够有效的验证表单，维护起来也很方便。这篇文章就是针对我对validform的理解真理的一篇validform的使用文档。Vali...
阅读全文
摘要：初识对话框脚本觉得artDialog还是挺不错的开源的js脚本，最新版本都是V6.0 ,相对之前版本，artDialog的语法也发生很大的变化，windows对应的JS版本如下点击下载语法也发生变化，查看语法文档artDialog主页面地址：http://aui.github.io/artDialo...
阅读全文
摘要：HTML+CSS代码如下：index 完整素材和代码下载总结：1、页面调整背景图片位置，backgro...
阅读全文
摘要：Bootstrap表格Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素：标签描述为表格添加基础样式。表格标题行的容器元素（），用来标识表格列。表格主体中的表格行的容器元素（）。一组出现在单行上的表格单元格的容器元素（ 或 ）。默认的表格单元格。特...
阅读全文
摘要：Bootstrap 使用 Helvetica Neue、 Helvetica、 Arial 和 sans-serif 作为其默认的字体栈。使用 Bootstrap 的排版特性，您可以创建标题、段落、列表及其他内联元素标题Bootstrap 中定义了所有的 HTML 标题（h1 到 h6）的样式。请看...
阅读全文
摘要：微信显示网页是调用腾讯自带的浏览器内核，由于腾讯浏览器内核对css展示效果没有谷歌浏览器好，导致用谷歌浏览器写好的网页，放到微信页面之后，显示的效果就发生变化，所以调整css样式显得那么吃力；1、针对上面的css，android微信展示的效果：图片高度12em,但是宽度并不能直接呈现100%；刷新页...
阅读全文
摘要：1、css 的border属性改变hr颜色小示例
阅读全文
摘要：iscroll是一款很不错的滚动控件(js)，但是在调用的时候，需要注意一些事项：1、iscroll支持水平和垂直滚动，那么在调用的时候，一定注意滚动div必须大于父div，也就是说，父div的宽度或者长度必须规定；2、计算好子div和父div之间的宽度或者高度比值。比如，如果是水平滚动，父类wid...
阅读全文
摘要：Html5的出现确实解决了一部分页面交互的问题，同时它的一些特性还是没能被我们掌握，今天主要聊聊Html5中的DomcontenLoaded和touchmove事件的属性和使用；DomcontenLoaded：这个事件是从HTML中的onLoad的延伸而来的，当一个页面完成加载时,初始化脚本的方法是...
阅读全文
摘要：使用float属性，导致div的内容发生浮动，浮动带来负影响：1、背景不能显示 2、边框撑不开 3、div的padding和margin不能起作用；处理float浮动的两种方式：1、div的子类中增加一个div，设置div中的clear:both,不允许左右两边存在浮动；css:.divcss5{ ...
阅读全文
摘要：想让div中的img水平和垂直都居中，可以将img放在div中，img的样式：height:100%;width:100%; 外部定义div的宽度和高度，然后定义line-height行高，div外部加上标签即可；如果定义在div内部，img前面出现的效果，就是我们想要效果，如图：............
阅读全文
