Html5

HTML5连续上传图片

/* by 的雨 time:2016/11/17 */ function update_object() {     //这是在实例化的时候,同时调用int方法     this.int.apply(this,arguments); } //这是原型链 == 一个对象 updat...

    632浏览1推荐0评论

    CSS3设计一个简洁的用户登录界面

    CSS3设计一个简洁的用户登录界面,可作为网站后台、用户中心的登录模板来使用,运用了CSS3技术,默认支持PC端、移动设备、PAD等设备,谈不上漂亮,不过挺简洁,而且修饰为圆滑风格,还带阴影的立体感,这种风格若使用传统的CSS技术,需要借助图片来实现,而在CSS3中,实现这些样式都挺方便的。<!DOCTYPE html> <head> <title>C...

      62浏览1推荐0评论

      HTML5 让你惊艳的 demo

      看到这个问题我第一反应就是国外一个黑科技壁纸网站:WallpaperPCMobile相对于那些千篇一律的壁纸站来说,WallpaperPCMobile可以说完全碾压任何一个壁纸站。就壁纸数量来说,就1080P以上分辨率的壁纸就将近14万张,随便挑几张吧:1.Sea, dawn, nature, sky, sunset, vacation, weather, ocean, sun, boat, vi...

        375浏览0推荐0评论

        CSS如何实现这种背景效果

        其实这个问题可以完全不需要使用js的,css3便可胜任。于是我阐述一下基本原理:1、模糊特效使用filter:blur;2、阴影效果使用box-shadow;3、镂空效果最简单的方法就是使用mask-image;4、透明层效果使用background-color: rgba()或opacity;5、防止模糊外漏使用overflow: hidden。基本的层逻辑顺序是:<背景层>…<...

          460浏览0推荐0评论

          B站 (bilibili) 开源 HTML5 播放器内核 flv.js

          flv.js 做了三件事:1. HTML5 原生仅支持播放 mp4/webm 格式,flv.js 实现了在 HTML5 上播放 FLV 格式视频2. 使 Bilibili 网页端平滑过度到 HTML5 播放器,历史遗留不再是障碍3. 对于视频直播,在 HTML5 上支持了延迟极低 HTTP FLV 播放,解开网页端直播对 Flash 的依赖一些人问我为什么不直接采用 MP4 格式,并表示对 FLV...

            763浏览0推荐0评论

            H5 是什么?

            前一段时间很火的 吴亦凡入伍的广告你看静态新闻的时候,是在加载后面两个视频,加载完成之后,吴亦凡就蹦出来了所以你们看到吴亦凡从画面里面出来的时候脑海里的台词是:卧槽,这是怎么做到的!而我的内心台词是:卧槽,我知道是怎么做到的,你把流量还给我好么!================================更新一张之前和甲方之间的聊天记录,在整个minisite已经交付上线以后,甲方突然问了这么...

              276浏览0推荐0评论

              零基础如何迅速学习HTML(或HTML5)

              1.如题零基础的情况下想去学代码的话,就得把HTML5、CSS3、JavaScript三个一口气都学了,这样就不需要各种求供应商和技术了。这种情况下建议题主在网上学习+课本学习同步进行:网上学习强推网易云课堂上浙大的翁恺老师的计算机课程。其一,翁恺老师本身就是高校里面的人气教师,讲课简明生动,很适合初学者入门【之前学过一些计算机课程,因为太过晦涩,对程序语言甚至有点心理阴影,所以初学者学的课程还是...

                378浏览0推荐0评论

                Mac OS X 上学习HTML+JavaScript+CSS有哪些可以推荐的IDE

                推荐Adobe前端神器Brackets!就是这货说他是神器,那么神奇在哪里呢?首先这款软件突出一个简洁,作为专门用来web开发的ide,她没有那些花里胡哨的功能,让使用者专注于开发本身。其次她的核心功能就是减少网页设计中那些低效率的重复活,例如不断地网页刷新,来回切换标签来修改css以及搜索替换等等功能如下图,在我们修改代码的时候,通过编辑器生成的网页会同时变化,减少刷新的重复工作把光标放在一个c...

                  376浏览0推荐0评论

                  自制2048小游戏

                  闲暇看到慕课网上有liuyubobobo老师讲的2048小游戏制作,看了教程,感觉应该不是太难,于是就跟着教程开始了游戏的制作,有兴趣的同学去慕课网看下该视频,自己做出一个小游戏应该蛮好玩的。做完这个小游戏断断续续花了3天的时间,发布程序的时候走了一些坑,视频中讲到的Dropbox和Droppages都用不了,后来直接用了github page,只要访问自己创建的仓库的github pages地址...

                    353浏览0推荐0评论

                    WebSocket 原理

                    WebSocket 是一种协议,基于 TCP 协议;HTTP 也是一种协议,基于 TCP 协议。连接要保持还是关闭是由你服务器应用来控制的。WebSocket 协议和 HTTP 协议是两种不同的东西,它们扯上关系是只是因为:客户端开始建立 WebSocket 连接时要发送一个 header 标记了 Upgrade 的 HTTP 请求,表示请求协议升级。所以服务器端做出响应的简便方法是,直接在现有的...

                      347浏览0推荐0评论

                      canvas,制作炫酷的时钟和倒计时

                      html部分<!DOCTYPE html> <!--下面三个百分比都是为了实现后期项目优化的时候,实现自适应屏幕的宽度和高度--> <html style="height: 100%;"> <!--这个需要HTML标签上也得加上style="height:100%"才行,要不然会显示一半...

                        363浏览0推荐0评论

                        Java及Jquery获取屏幕分辨率的实现代码

                        在日常工作种,获取浏览器分辨率的实现模式往往在于前端就能得到很好的处理效果,但不可能避免的是,比如需要通过分辨率识别中英文字符长度进行截取校验时,在后台把逻辑书写更加方便省时,故引申了对后台校验分辨率的需求。一、Java代码获取屏幕分辨率//类包使用为: java.awt.Toolkit //屏幕分辨率宽度 int screenW = (int) ...

                          531浏览0推荐0评论

                          jQuery+HTML5实现弹出创意搜索框层

                          HTML代码如下:<!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content=&qu...

                            795浏览0推荐0评论

                            HTML5 js实现拖拉上传文件功能

                            这篇文章主要为大家详细介绍了HTML5实现拖拉上传文件功能在HTML5的pc上面实现了相当多的功能,工作中也用到了拖拉上传,特地记录下该功能 在拖动目标上触发事件 (源元素): ondragstart - 用户开始拖动元素时触发 ondrag - 元素正在拖动时触发 ondragend - 用户完成元素拖动后触发释放目标时触发的事件: ondrag...

                              1086浏览0推荐0评论

                              Html5 js实现手风琴效果

                              使用H5实现横向的手风琴功能<!DOCTYPE html> <html> <head lang="en">  <meta charset="UTF-8">  <title></title>  <style> &nbs...

                                1242浏览0推荐1评论

                                CSS3设计一个简洁的用户登录界面

                                CSS3设计一个简洁的用户登录界面,可作为网站后台、用户中心的登录模板来使用,运用了CSS3技术,默认支持PC端、移动设备、PAD等设备,谈不上漂亮,不过挺简洁,而且修饰为圆滑风格,还带阴影的立体感,这种风格若使用传统的CSS技术,需要借助图片来实现,而在CSS3中,实现这些样式都挺方便的。<!DOCTYPE html> <head> <title>C...

                                  62浏览1推荐0评论

                                  Html5 js实现手风琴效果

                                  使用H5实现横向的手风琴功能<!DOCTYPE html> <html> <head lang="en">  <meta charset="UTF-8">  <title></title>  <style> &nbs...

                                    1242浏览0推荐1评论

                                    HTML5 js实现拖拉上传文件功能

                                    这篇文章主要为大家详细介绍了HTML5实现拖拉上传文件功能在HTML5的pc上面实现了相当多的功能,工作中也用到了拖拉上传,特地记录下该功能 在拖动目标上触发事件 (源元素): ondragstart - 用户开始拖动元素时触发 ondrag - 元素正在拖动时触发 ondragend - 用户完成元素拖动后触发释放目标时触发的事件: ondrag...

                                      1086浏览0推荐0评论

                                      jQuery+HTML5实现弹出创意搜索框层

                                      HTML代码如下:<!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content=&qu...

                                        795浏览0推荐0评论

                                        HTML5连续上传图片

                                        /* by 的雨 time:2016/11/17 */ function update_object() {     //这是在实例化的时候,同时调用int方法     this.int.apply(this,arguments); } //这是原型链 == 一个对象 updat...

                                          632浏览1推荐0评论

                                          Java及Jquery获取屏幕分辨率的实现代码

                                          在日常工作种,获取浏览器分辨率的实现模式往往在于前端就能得到很好的处理效果,但不可能避免的是,比如需要通过分辨率识别中英文字符长度进行截取校验时,在后台把逻辑书写更加方便省时,故引申了对后台校验分辨率的需求。一、Java代码获取屏幕分辨率//类包使用为: java.awt.Toolkit //屏幕分辨率宽度 int screenW = (int) ...

                                            531浏览0推荐0评论

                                            canvas,制作炫酷的时钟和倒计时

                                            html部分<!DOCTYPE html> <!--下面三个百分比都是为了实现后期项目优化的时候,实现自适应屏幕的宽度和高度--> <html style="height: 100%;"> <!--这个需要HTML标签上也得加上style="height:100%"才行,要不然会显示一半...

                                              363浏览0推荐0评论

                                              WebSocket 原理

                                              WebSocket 是一种协议,基于 TCP 协议;HTTP 也是一种协议,基于 TCP 协议。连接要保持还是关闭是由你服务器应用来控制的。WebSocket 协议和 HTTP 协议是两种不同的东西,它们扯上关系是只是因为:客户端开始建立 WebSocket 连接时要发送一个 header 标记了 Upgrade 的 HTTP 请求,表示请求协议升级。所以服务器端做出响应的简便方法是,直接在现有的...

                                                347浏览0推荐0评论

                                                自制2048小游戏

                                                闲暇看到慕课网上有liuyubobobo老师讲的2048小游戏制作,看了教程,感觉应该不是太难,于是就跟着教程开始了游戏的制作,有兴趣的同学去慕课网看下该视频,自己做出一个小游戏应该蛮好玩的。做完这个小游戏断断续续花了3天的时间,发布程序的时候走了一些坑,视频中讲到的Dropbox和Droppages都用不了,后来直接用了github page,只要访问自己创建的仓库的github pages地址...

                                                  353浏览0推荐0评论

                                                  Mac OS X 上学习HTML+JavaScript+CSS有哪些可以推荐的IDE

                                                  推荐Adobe前端神器Brackets!就是这货说他是神器,那么神奇在哪里呢?首先这款软件突出一个简洁,作为专门用来web开发的ide,她没有那些花里胡哨的功能,让使用者专注于开发本身。其次她的核心功能就是减少网页设计中那些低效率的重复活,例如不断地网页刷新,来回切换标签来修改css以及搜索替换等等功能如下图,在我们修改代码的时候,通过编辑器生成的网页会同时变化,减少刷新的重复工作把光标放在一个c...

                                                    376浏览0推荐0评论

                                                    零基础如何迅速学习HTML(或HTML5)

                                                    1.如题零基础的情况下想去学代码的话,就得把HTML5、CSS3、JavaScript三个一口气都学了,这样就不需要各种求供应商和技术了。这种情况下建议题主在网上学习+课本学习同步进行:网上学习强推网易云课堂上浙大的翁恺老师的计算机课程。其一,翁恺老师本身就是高校里面的人气教师,讲课简明生动,很适合初学者入门【之前学过一些计算机课程,因为太过晦涩,对程序语言甚至有点心理阴影,所以初学者学的课程还是...

                                                      378浏览0推荐0评论

                                                      H5 是什么?

                                                      前一段时间很火的 吴亦凡入伍的广告你看静态新闻的时候,是在加载后面两个视频,加载完成之后,吴亦凡就蹦出来了所以你们看到吴亦凡从画面里面出来的时候脑海里的台词是:卧槽,这是怎么做到的!而我的内心台词是:卧槽,我知道是怎么做到的,你把流量还给我好么!================================更新一张之前和甲方之间的聊天记录,在整个minisite已经交付上线以后,甲方突然问了这么...

                                                        276浏览0推荐0评论

                                                        B站 (bilibili) 开源 HTML5 播放器内核 flv.js

                                                        flv.js 做了三件事:1. HTML5 原生仅支持播放 mp4/webm 格式,flv.js 实现了在 HTML5 上播放 FLV 格式视频2. 使 Bilibili 网页端平滑过度到 HTML5 播放器,历史遗留不再是障碍3. 对于视频直播,在 HTML5 上支持了延迟极低 HTTP FLV 播放,解开网页端直播对 Flash 的依赖一些人问我为什么不直接采用 MP4 格式,并表示对 FLV...

                                                          763浏览0推荐0评论

                                                          CSS如何实现这种背景效果

                                                          其实这个问题可以完全不需要使用js的,css3便可胜任。于是我阐述一下基本原理:1、模糊特效使用filter:blur;2、阴影效果使用box-shadow;3、镂空效果最简单的方法就是使用mask-image;4、透明层效果使用background-color: rgba()或opacity;5、防止模糊外漏使用overflow: hidden。基本的层逻辑顺序是:<背景层>…<...

                                                            460浏览0推荐0评论

                                                            HTML5 让你惊艳的 demo

                                                            看到这个问题我第一反应就是国外一个黑科技壁纸网站:WallpaperPCMobile相对于那些千篇一律的壁纸站来说,WallpaperPCMobile可以说完全碾压任何一个壁纸站。就壁纸数量来说,就1080P以上分辨率的壁纸就将近14万张,随便挑几张吧:1.Sea, dawn, nature, sky, sunset, vacation, weather, ocean, sun, boat, vi...

                                                              375浏览0推荐0评论
                                                              首页上一页1下一页尾页

                                                              推荐作者

                                                              热门手记