摘要：
随着智能手机的迅速发展，也造就了二维码(QRCode) 越来越主流，在生活中随处都可以看见 二维码 的影子，流行资讯的传播也在无声无色地变化。渐渐地条形码也成了一种时尚的标志！要生成二维码 可以通过软件来生成。如果你使用Chrome浏览器，又经常需要在网页上生成QRCode ，那么这篇和适合您。首先，在chrome浏览器下的书签选项中 —— 添加网页，会出现如下图所示弹框：名称：（随意）我这里就叫二维码了网址：javascript:var s=document.createElement('script');s.src = 'http://comicsand.com/q 阅读全文
摘要：
视频属性及方法实例：video属性测试查看此页面是请打开控制台，很多数据会有变化显示。请随意点击视频，谢谢。点击document时，第四个视频加载。什么属性都不加 该浏览器不支持视频controls ：显示控制条，播放中控制条隐藏，鼠标放上显示autoplay ：视频载入完成后自动播放preload ：页面载入后载入视频 。取值：auto-载入视频 、 metadata-载入视频信息（时间、尺寸、第一帧、曲目等）、none-不载入loop ：重播poster ：视频文件播放前显示图片以上为音视频常用属性及事件，还有一些属性没有写出来，具体请观看W3CHTML。实例展示请点击。通常在做音视... 阅读全文
摘要：
html5新增了很多标签，其中有部分就是表单这一块，功能颇为强大，本文主要介绍input新增类型与属性。新增类型：url:提交表单时检测input的value是否是一个url格式email:一个电子邮件地址或电子邮件地址列表date:年-月-日格式的控件time:时:分格式的控件datetime:年-月-日 时:分:秒:秒的小数格式的控件，有时区datetime-local:同上，但没时区month:年-月格式的控件week:年-周数格式的控件number:数字输入框cel:电话输入框color:颜色选择框range:选择区域新增属性：placeholder:占位符，当输入框为空时显示的文字r 阅读全文
摘要：
h5 为表单新增了很多类型，及属性。根据这些新增的类型及属性 h5也为我们提供了验证这些数据的js函数，这些验证表单的函数都存在了ValidityState对象中，接下来让我们一起来了解一下这些函数的用法：ValidityState对象ValidityState对象是通过validity 属性获取的，该对象有8个属性，分别针对8个方面的错误验证，属性值均为布尔值。1．valueMissing属性必填的表单元素的值为空。如果表单元素设置了required特性，则为必填项。如果必填项的值为空，就无法通过表单验证，valueMissing属性会返回true，否则返回false。2．typeMisma 阅读全文
摘要：
自从css3面市以来，广受大家关注，也慢慢地被大家普及，工作中很多时候如果不考虑ie的情况下，我相信现在大家很多能用css3写的效果基本已经放弃了用js去写了。那今天带大家认识一下animation属性，它可以帮助我们去实现一些简单的动画。例如点击一个元素，出现一个由小变大的框等网页常见效果都可以用animation去实现这个放大的动画效果。如果有对transition有了解的同学，理解animation可能会更容易一些，因为transition的属性animation都有。接下来让我们一起学习animation属性：动画方法@keyframe首先，如果想要用动画必须先创建一个动画的具体方法， 阅读全文
摘要：
很多时候，元素在hover时 或者 transform 变形时，没有过度，一下子变过去，感觉很生硬，很愣。今天介绍的这个属性就是css3为我们提供了一个过渡属性，主要解决以上类型的问题。属性：对象变换时的过渡。语法：transition：[ transition-property ] || [ transition-duration ] || [ transition-timing-function ] || [ transition-delay ] //复合属性默认值：看每个独立属性适用于：所有元素，包含伪对象:after和:before取值：[ transition-property ]. 阅读全文
摘要：
还记得盒模型吗？除了盒模型之外css3为我们提供了一个弹性模型，称之为自适应布局；接下来我们看看怎么用。首先，我们需要清楚的是弹性布局有哪些优点，如下：优点：1 适应性强，在做不同屏幕分辨率的界面时非常实用2 可以随意按照宽度、比例划分元素的宽高3 可以轻松改变元素的显示顺序4 自适应布局实现快捷，易维护理解弹性盒模型到目前为止，我们还不知道什么是弹性模型，弹性模型能干嘛，别着急，我们一点点来。首先： 这是我的一个页面布局，毫无疑问，以上的布局样式如下图：这是正常的盒模型布局方式。display:box接着我们给ul填上一个属性：display:box; ... 阅读全文
摘要：
效果正解：如上图所示的分栏效果，如果用css+div那写起来着实要费些事，css3为我们提供了分栏的属性，实现上图很轻松。一、语法：column-width:[|auto] 定义每栏的宽度column-span : none | all none:只在本栏中显示；all:横跨所有栏目并定位在栏目的Z轴之上column-gap : normal | 定义两栏之间的间距距离column-count : auto | 整数 可以定义栏目的数目column-rule : color(色值) width(宽度) style(线条样式) 分栏中的分割线的颜色宽度及样式的设定其中要注意的是：1... 阅读全文
摘要：
CSS3中有关于Border的属性一共有三个：圆角border-radius,边框多颜色border-color，图片边框border-image，其中圆角border-radius是常用的一个属性，而且现在很多网站制作圆角效果都使用border-radius来实现；本文会依次介绍这三个属性；Border-radius:一、语法：Border-radius:[length|percentage]{1,4}[/[length|percentage]{1,4}]?二、取值：Length：具体数值；Percentage：百分比，相对于宽高的百分比；Border-radius是一种缩写形式，如marg 阅读全文
摘要：
在用dede的时候伪静态这个地方总是出问题，于是按照网上的帖子的方法做了伪静态开启的操作，可还是解决不了我遇到的问题。复述我的问题：问题一在做了开启伪静态操作以后，打开栏目，查看栏目预览或文章预览，跳的链接是正确的如：http://localhost/D/plus/list.php?tid=34伪静态链接格式以及从后台预览这些列表文章，跳转的链接也是正确的如：http://localhost/D/plus/view.php?aid=53但:当我在前台http://localhost/D/plus/list.php?tid=34这个链接下去访问里边的列表详情页，如上图红框做点击操作，跳转的链接确 阅读全文