蓝戒的博客_逐梦天空-专注于web前端开发|用户体验_Page 11
Jul 23 2015
html5+css3钟表指针动画：
See the Pen OVoGpY by cywcd (@webzsky) on CodePen.
html5+css3星轨运转：
See the Pen gpdyoJ by cywcd (@webzsky) on CodePen.
html5+css3+js(canvas)线型心：
See the Pen vOzMaP by cywcd (@webzsky) on CodePen.
html5+css3波纹闪动：
See the Pen YXOMJg by cywcd (@webzsky) on CodePen.
html5+css3白云飘飘：
See the Pen eNLoxe by cywcd (@webzsk... 阅读全文
Jul 15 2015
快捷键使用帮你提升编码速度，整理sublime Text3实用快捷键如下：
Sublime Text 3 快捷键精华版
Ctrl+Shift+P：打开命令面板
Ctrl+P：搜索项目中的文件
Ctrl+G：跳转到第几行
Ctrl+W：关闭当前打开文件
Ctrl+Shift+W：关闭所有打开文件
Ctrl+Shift+V：粘贴并格式化
Ctrl+D：选择单词，重复可增加选择下一个相同的单词
Ctrl+L：选择行，重复可依次增加选择下一行
Ctrl+Shift+L：选择多行
Ct... 阅读全文
Jul 15 2015
svg任务跑步svg代码拷贝到html的body区域内，使用谷歌浏览器查看效果。
[codesyntax lang="php"]
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" style="max-height: 800px; min-height: 100vh;" viewbox="0 0 400 400"
xml:space="preserve">
<defs>
<lineargradient id="linearGradient50... 阅读全文
作者：cywcd | 分类：
svg | 阅读： 5,240 次 | 标签：
svg
Jul 13 2015
在HTML5之前，网页中日期选择，最常见的方案是用Javascript日期组件。这几乎是无可争议、别无选择的做法。html5出现后其input的type提供了date类型，不依赖js实现日期选择。但是这个属性只有在谷歌浏览器实现了比较好的支持。HTML5规范里只规定date新型input输入类型，并没有规定日历弹出框的实现和样式。所以，各浏览器根据自己的设计实现日历。
如果你使用的是谷歌浏览器，那你就可以在... 阅读全文
Jun 23 2015
首先解释一下什么是未来元素，所谓未来元素指的就是由js动态生成的元素。
示例：点击由js自定义的弹出窗口中的按钮，然后清除页面中输入手机号的input中的内容的处理方案：
源码如下：
$('#tel').blur(function () {
var val = $.trim($(this).val());
if( /^\d{11}$/.test(val) ){
// 异步验证用户是否存在
$.get('?act=check_register&tar=mobile&mobile='+val,function(data){
i... 阅读全文
Jun 08 2015
使用“appearance”属性，可以改变任何元素的浏览器默认风格，简单的说，你可以使用“appearance”属性将“段落p”渲染成button的风格，也可以渲染成“输入框”、“选择框”等效果。
大家都知道每个浏览器对HTML元素渲染都不一样，比如说“button”，在chrome和ff中，渲染出来的效果都是不尽相同的。这样一来就有了今天这个思路，利用浏览器的对元素的默认渲染风格，我们可以使用“appearance”属性对任何... 阅读全文
作者：cywcd | 分类：
css | 阅读： 4,784 次 |
Jun 06 2015
1、placeholder是什么？
placeholder是html5新增的一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点（或输入内容）时，提示文字消失。
例如下文本框文字效果
2、placeholder的浏览器兼容性和在不同浏览器下的表现
由于placeholder是个新增属性，目前只有少数浏览器支持，如何让更多的浏览器支持它呢？
目前最新的firefox、chrome... 阅读全文
Jun 03 2015
/*
* 智能机浏览器版本信息:**/
var browser={
versions:function(){
var u = navigator.userAgent, app = navigator.appVersion;
return {//移动终端浏览器版本信息
trident: u.indexOf('Trident') > -1, //IE内核
presto: u.indexOf('Presto') > -1, //opera内核
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
gecko: u.indexOf('Gecko'... 阅读全文
Jun 02 2015
1.创建XMLHttpRequest对象
[codesyntax lang="php"]
function createXMLHTTPRequest() {
//1.创建XMLHttpRequest对象
//这是XMLHttpReuquest对象无部使用中最复杂的一步
//需要针对IE和其他类型的浏览器建立这个对象的不同方式写不同的代码
var xmlHttpRequest;
if (window.XMLHttpRequest) {
//针对FireFox，Mozillar，Opera，Safari，IE7，IE8
xmlHttpRequest = new XMLHtt... 阅读全文
May 07 2015
在做一个致匠心的专题页面中多个视频在要在本页面播放，为了更友好的用户体验，对视频播放进行优化，点开播放其中的一个视频，在没有看完视频并且没停止该视频的播放的情况下，又点击播放了另外一个视频，这时在一个页面中两个视频同时播放，需要用户自己去关闭上一个视频播放，那么我们通过页面中加入js代码帮助用户节省这个步骤，实现当其中一个视频播放时，又打开了另一个视频，那么上一... 阅读全文
作者：cywcd | 分类：
html5 | 阅读： 15,341 次 |
来自的朋友,欢迎您
点击这里 订阅我的博客 o(∩_∩)o~~~
html5+css3钟表指针动画： See the Pen OVoGpY by cywcd (@webzsky) on CodePen. html5+css3星轨运转： See the Pen gpdyoJ by cywcd (@webzsky) on CodePen. html5+css3+js(canvas)线型心： See the Pen vOzMaP by cywcd (@webzsky) on CodePen. html5+css3波纹闪动： See the Pen YXOMJg by cywcd (@webzsky) on CodePen. html5+css3白云飘飘： See the Pen eNLoxe by cywcd (@webzsk...阅读全文抢沙发
快捷键使用帮你提升编码速度，整理sublime Text3实用快捷键如下： Sublime Text 3 快捷键精华版 Ctrl+Shift+P：打开命令面板 Ctrl+P：搜索项目中的文件 Ctrl+G：跳转到第几行 Ctrl+W：关闭当前打开文件 Ctrl+Shift+W：关闭所有打开文件 Ctrl+Shift+V：粘贴并格式化 Ctrl+D：选择单词，重复可增加选择下一个相同的单词 Ctrl+L：选择行，重复可依次增加选择下一行 Ctrl+Shift+L：选择多行 Ct...阅读全文