基于HTML5的有弹幕功能的视频播放器 helloweba.com 作者：月光光 时间： 2016-04-29 16:29 标签：播放器 html5 Danmmu Player是一个具备弹幕功能的Html5视频播放器。我们在观看视频的时候，可以对视频发表自己的观点，当点击发送按钮后，发表的内容会在视频屏幕上以彩弹的形式发出，并做滚动展示动画效果，即视频弹幕功能。 查看演示 下载源码 如何使用 Danmmu Player需...
–本博客5月19日优化 使用Hexo这款博客框架已经很久了，期间也一直在摸索，一次次地修改代码，看效果，修改，看效果…，现在已经大致熟悉了整个框架的结构，能够自主完成对主题的修改了。 接下来可以考虑写一篇解析Hexo框架的文章，一来加深自己对框架的理解，方便后续研究，而来也为其他刚开始接触Hexo的童鞋提供一些方法，让他们能够更快地适应，熟悉这个框架。 今天偶然看到一个打赏功能，于是想在自己的博客上实现一下...
本篇文章是一篇Vue.js的教程，目标在于用一种常见的业务场景——分页/无限加载，帮助读者更好的理解Vue.js中的一些设计思想。与许多Todo List类的入门教程相比，更全面的展示使用Vue.js完成一个需求的思考过程；与一些构建大型应用的高阶教程相比，又更专注于一些零碎细节的实现，方便读者快速掌握、致用。 需求分析 当一个页面中信息量过大时（例如一个新闻列表中有200条新闻需要展示），就会产生问题，例如： ...
原生alert的缺点 会阻塞一切操作，影响用户体验 很多浏览器会默认静止alert，例如微信。 原生alert框样式丑陋。 demo地址: 用力点我 项目地址: web-style 希望大家多多关注。项目里有css样式和vue组件。目标是快速构建后台系统。有一定自适应的设计。 css 思路:最外层是一个黑色透明撑满全屏幕的div并且是fixed的 div.modal-mask 。 在mask内部是一个垂直...
由于对高大上的前端处理不太熟悉，想直接通过MVC的方式进行内容传递，因此选用了Thymeleaf模版处理向前端传值的问题。但是觉得很多PHP框架所实现的include模版的方式很不错，能够很好的实现头文件、导航、页尾等和主要内容的解耦，因此想通过使用Thymeleaf模版的同时，也能实现类似于include的功能。思路和背景觉得如果有精力，最好还是RESTFul的结构，然后前端采用angularjs之类的方式来处理可能更合理，由于不太懂前端，所以只是...
上篇文章中提到移动端上传图片，我们知道现在流量还是挺贵的，手机的像素是越来越高，拍个照动不动就是好几M，伤不起。虽然客户端可以轻轻松松实现图片压缩再上传，但是我们的应用还可能在浏览器里面打开，怎么办呢，图片压缩。受以前PC上的开发思维影响，尼玛js哪有权限去操作文件，哪有资格压缩图片啊，搞不了，你们客户端去整吧。只能说自己还是有些井底之蛙了。在HTML5的影响下，前端能干的事情越来越多了，开发的功能逼格也越...
不知道怎么描述标题，先看截图吧，大致的效果就是一个框输入一位密码。最开始实现的思路是一个小方框就是一个type为password的input，每输入一位自动跳到下一位，删除一位就自动跳到前一位，android上是OK的，很平滑也没有bug，但是ios上会出现键盘频繁调起和关闭，非常影响用户体验。原因估计是每个input会不断的focus和blur，每次focus会调起键盘，blur又会关闭键盘，so....此方案肯定不行了。PM非要实现这种效果，木有办法~拗不...
"tencent://message/?uin=客服QQ号码&Menu=yes" target="blank">就一个小功能，最近做网站用到，怕忘了就记了下来。
在浏览器能处理下一代的 XHTML 之前先从这个更丰富的内容结构中获利XHTML 2 规范尚未完成，但是它相对 XHTML 1 已经具有了许多优势，其中包括更丰富的结构特性，这使得 XHTML 2 作为一种编辑格式将比其前任能更好地充当单一资源发布系统的中心模式。执行大型或小型发布在浏览器能处理下一代的 XHTML 之前先从这个更丰富的内容结构中获利XHTML 2 规范尚未完成，但是它相对 XHTML 1 已经具有了许多优势，其中包括更丰富的结构特性，这...
在一些网站进行上传时，当单击了“浏览”按钮之后会弹出【选择文件】的对话框。很多时候我们需要只上传图像文件，那么在弹出的【选择文件】对话框中只显示了相关图片格式的文件，此外其余格式文件一律过滤不被显示。比如 http://www.youku.com/v1.0.0326/v/swf/up.swf 这是优酷的视频上传选择，其是通过FLASH的方法来实现了不显示非视频类文件。FLASH到这种效果一般也就是如这里所描述的import flash.net.FileReferenceL...
这篇文章主要介绍了HTML table鼠标拖拽排序功能的相关资料,需要的朋友可以参考下效果图：1.引入文件<script src="js/jquery-1.10.1.min.js"></script> <link rel="stylesheet" href="Public/css/jquery-ui.min.css"> <script src="js/jquery-ui.min.js"></script>2.给元素附上sortable类<tbody class="sortable"> <tr></tr> <tr></tr> </tbody>3.开启并配置$(function() { $(".sortable").sortable({ cursor: "move", ...
带有图片预览功能的上传表单，完整的HTML代码如下所示 带有图片预览功能的上传表单jb51.net function viewmypic(mypic,imgfile) { if (imgfile.value){ mypic.src=imgfile.value; mypic.style.display=""; mypic.border=1; } } html代码教程/参考手册 html代码热搜 iframe框架在IE浏览器下将白色背景设为透明色AdobeBrackets简单使用图文教程如何去除表单的回车即提交即回车!=提交Readonly和Disabled之...
现在我们可以用input的一个属性autocomplete。 这是一个关闭自动完成的示例： 这个属性虽然不属于XHTML标准，但IE以及Mozilla都支持，也许不久后也会加入到标准当中吧。
官方网站：http://code.google.com/p/zen-coding/ 相信大家现在已经对zen coding有些熟悉了，甚至不少人已经在项目中熟练使用它了，自从我们发表介绍zen coding的文章以来，zen coding已经改进很大，也有些比较有用的资源更新，在这里我就share给大家： zen coding前些天升级到了0.6版本，新增了几项小功能，这里不再赘述，感兴趣的同学可以更新自己用的相应的插件； zen coding官方有个速查手册(PDF)，很全面，严重推荐； zen cod...
按字母顺序排列 DTD：指示在哪种 XHTML 1.0 DTD 中允许该标签。S=Strict, T=Transitional, F=Frameset. 标签全称描述DTD 定义注释。STF 定义文档类型。STFanchor定义锚。STFabbreviation定义缩写。STFacronym定义只取首字母的缩写。STFaddress定义文档作者或拥有者的联系信息。STFapplet不赞成使用。定义嵌入的 applet。TFarea定义图像映射内部的区域。STFblod定义粗体字。STFbase定义页面中所有链接的默认地址或默认目标。STFBas...