HTML5
关注
分享
扫一扫
文章平均质量分 56
chelen_jak
这个作者很懒，什么都没留下…
展开
-
C# 实现 Websocket (实用、赞)
WebSocket 实现互动，广播转载 2022-11-30 10:51:37 · 11047 阅读 · 2 评论 -
URL中的特殊字符意思 (实用）
URL中#?&符号的作用转载 2022-08-12 11:01:31 · 541 阅读 · 0 评论 -
input,textarea 被输入框弹起 无法回落或者回落之后焦点错位问题解决
废话不说 直接上代码 很简单：$("input,select").blur(function(){ setTimeout(function() { var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0; window.scrollTo(0, Math.max(scrollHeight - 1, 0)); ...转载 2021-09-18 11:41:06 · 301 阅读 · 0 评论 -
使用contenteditable+div模拟textarea文本域实现高度自适应
原文出处：https://blog.youkuaiyun.com/weixin_34297300/article/details/88947042?utm_medium=distribute.pc_relevant_t0.none-task-blog-OPENSEARCH-1.add_param_isCf&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-OPENSEARCH-1.add_param_isCf开发过程中由于需要在发送消息的转载 2020-11-16 11:35:25 · 690 阅读 · 0 评论 -
苹果手机IOS中div contenteditable=true 仿文本域无法输入编辑
原文出处：https://www.cnblogs.com/xiangsj/p/6084844.html问题： 在苹果手机IOS中 contenteditable="true" 做文本域输入，点击可以弹出键盘但是无法输入，安卓都正常。 经测试后，记得加一个样式 -webkit-user-select:text 就可以了。...转载 2020-11-16 09:54:49 · 1238 阅读 · 0 评论 -
根据背景图片计算文字颜色（实用、赞）
原文出处: https://www.it1352.com/533401.html延伸阅读：1、根据背景颜色确定字体颜色2、根据背景颜色的深浅确定字的颜色Javascript请注意，这只适用于同一网域的图片和支持HTML5 canvas的浏览器中。function getAverageRGB(imgEl) { var blockSize = 5, // only visit every 5 pixels defaultRGB = { r: 0,转载 2020-09-08 15:51:36 · 3641 阅读 · 0 评论 -
如何用JavaScript插入HTML元素？(实用）
原文出处：https://cloud.tencent.com/developer/ask/29126 （建议读原文）如何不单调乏味地使用以下语法搜索每种类型的属性和事件的解决方法： elem = document.createElement("div"); elem.id = 'myID'; elem.innerHTML = ' my Text ' documen...转载 2020-02-19 18:08:34 · 3455 阅读 · 0 评论 -
利用iframe嵌入html页面 （实用, 赞）
效果图：index.html (主页面）<!DOCTYPE HTML><style> body { margin: 0; padding: 0; } .iframe-box{ box-sizing: border-box; padding: 0 10px; ...原创 2020-01-14 11:39:16 · 12856 阅读 · 0 评论 -
html5禁止浏览器缩放网页大小 (实用）
延伸阅读：meta标签viewport详解html5默认允许用户缩放页面，如果需要禁止缩放，我们需要将user-scalabel=0设置下，具体代码如下：<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" />注意:met...转载 2020-01-14 10:33:23 · 11128 阅读 · 0 评论 -
span标签间距 （实用）
原文出处：https://www.cnblogs.com/chargeworld/p/10270515.html最近在做的一个项目里面碰到这么一个问题： 1 2 3 4 <p> <span>块1</span> <span>块2</span> </p&...转载 2019-11-28 15:35:16 · 5780 阅读 · 0 评论 -
搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop
原文出处：https://www.imooc.com/article/17571每个HTML元素都具有clientHeight offsetHeight scrollHeight offsetTop scrollTop 这5个和元素高度、滚动、位置相关的属性，单凭单词很难搞清楚分别代表什么意思之间有什么区别。通过阅读它们的文档总结出规律如下：clientHeight和offsetHeight属...转载 2019-10-29 11:31:46 · 793 阅读 · 0 评论 -
HTML手册入口
HTML 5 参考手册CSS2 参考手册CSS3 参考手册JavaScript 参考手册jQuery 参考手册原创 2013-12-18 15:00:05 · 1096 阅读 · 0 评论 -
HTML4和HTML5之间的10个主要不同
原文出处：http://write.blog.youkuaiyun.com/postedit HTML5是最新的HTML标准，或迟或早，所有的web程序员都会发现需要使用到这个最新的标准，而且，很多人都会感觉到，重新开发一个HTML5的网站，要比把一个网站从HTML4迁移到HTML5上容易的多，这是因为这两个版本之间有很大不同之处。 事实上，HTML5并没有对HTML4做什么重大的转载 2014-01-28 15:56:51 · 1087 阅读 · 0 评论 -
JavaScript刮奖效果(jquery图片刮奖插件)
原文出处：http://www.codefans.net/jscss/code/4593.shtmljquery.scratchie.js图片刮奖插件实例演示代码，可实现类似刮奖的效果，刮刮乐中的基本效果。引用了google的API，jquery版本1.4.4，需要几张图片配合，已附在代码里，运行效果后右键-->图片另存为下载素材图片。本效果兼容性也不错，可用于网页刮奖游戏中。jQue转载 2014-01-04 10:12:56 · 7562 阅读 · 1 评论 -
JQuery Kendo UI运用技巧总结
原文出处：http://www.myexception.cn/web/1391863.htmlJQuery Kendo UI使用技巧总结Kendo UI开发总结 By Gloomyfish on 2013-04-25在Grid中支持分页刷新: scrollable: {virtual : true },在Grid的DataSource中添加分转载 2014-02-10 10:27:48 · 1356 阅读 · 0 评论 -
KendoUI MVVM用法
KendoUI>Framework>MVVM>Overview出处：http://www.cnblogs.com/samwu/archive/2012/04/05/2432855.htmlModel View View-Model是一种设计模式来帮助开发者更好地对数据层Model和视图层View进行分层。View-Model层 负责 暴露Model层和View层交互的数转载 2014-01-17 11:10:52 · 2018 阅读 · 0 评论 -
HTML 学习网站
1.Bootstrap 中文网http://www.bootcss.com/2.Bootstrap 可视化布局系统http://www.bootcss.com/p/layoutit/原创 2013-12-06 12:14:51 · 969 阅读 · 0 评论 -
HTML 5 WEB SQL核心三叉戟
原文出处：http://www.html5china.com/HTML5features/WebSQLDatabases/20110926_2026.htmlWeb SQL数据库API实际上未包含在HTML 5规范之中，它是一个独立的规范，它引入了一套使用SQL操作客户端数据库的API。假设你是一名优秀的Web开发人员，那毫无疑问，你对SQL和数据库的相关概念已经很熟悉了，如果你对SQL不转载 2014-02-11 14:41:37 · 768 阅读 · 0 评论 -
html5 本地数据库-Web SQL Database
原文出处：http://www.html5china.com/HTML5features/WebSQLDatabases/20110926_2032.htmlhtml5增加新的特性，那就是增加了本地存储！改善用户体验，或许html5会带着我们走进新的互联网时代。下面看看怎样操作web 数据库吧！！首先新建数据库！var db = window.openDatabase(转载 2014-02-11 14:51:18 · 932 阅读 · 0 评论 -
c# 对cookies(增、删、改、查)的操作方法
详细出处参考：http://www.jb51.net/article/35986.htm 以前觉得cookies操作无非就那么几种，但是“杯具事件”还是很多的,下面分享一下对cookies的简单操作1.添加cookies（用cookies方式去做sso，用户信息保存，修改都会依赖cookies） #region##添加cookeis /// /// 添加cooke转载 2014-02-10 17:07:47 · 698 阅读 · 0 评论 -
HTML5本地数据库（SQLite）示例
原文出处：http://www.2cto.com/kf/201205/130762.html 按照国内一HTML5先行者的例子仿写了一个用HTML5 API来操作本地SQLite数据库的例子，感觉这个功能蛮好玩的，但是还不够强大，尤其浏览器支持力度不够：HTML代码：1. 2. 3. 4. 使用HTML5本地数据库DEMO5. 6. 7. 8. 9转载 2014-02-11 10:25:54 · 9887 阅读 · 0 评论 -
html5 Web SQL Database应用例子
原文出处：http://www.html5china.com/HTML5features/WebSQLDatabases/20110926_2029.htmlJavaScript Code复制内容到剪贴板//1. initialization var localDB = null; function onInit(){ try { if转载 2014-02-11 15:27:59 · 1359 阅读 · 0 评论 -
HTML5入门视频教程
HTML5入门视频教程：第一章，概论http://www.html5china.com/video/basic/20110924_1958.htmlHTML5入门视频教程：第二章，工具及资料（秀野堂主主讲）http://www.html5china.com/video/basic/20110925_1959.htmlHTML5入门视频教程：第三章，标签、页面结构和表ht转载 2014-02-11 17:05:15 · 1642 阅读 · 0 评论 -
史无前例的 HTML5 资源参考指南 （含大量的网站连接）
史无前例的 HTML5 资源参考指南 http://www.html5china.com/course/20110919_1841.html转载 2014-02-11 17:56:58 · 829 阅读 · 0 评论 -
使用 HTML5 数据库和离线功能
愿文出处：http://www.ibm.com/developerworks/cn/web/wa-html5db/提供离线数据编辑和数据同步化HTML5 将扩展 Web 体验和业务线应用程序。有了离线功能和本地持久存储特性，您不管是在线还是离线状态都可以交付同样丰富的用户体验，这些体验以前只可在专用的桌面应用程序开发框架中获得。在本文中，您将了解如何利用 HTM转载 2014-02-12 18:22:50 · 3339 阅读 · 0 评论 -
HTML5实现网页元素的拖动操作
原文出处：http://zzstudy.offcn.com/?p=8152HTML5之前，要实现网页元素的拖动操作，需要依靠mousedown、mousemove、mouseup等API，通过大量的JS代码来实现； HTML5 中引入了直接支持拖动操作的API，大大简化了网页元素的拖动操作编程难度，并且这些API除了支持浏览器内部元素的拖动外，同时支持浏览器和其它应用程序之间的数据互相拖动转载 2014-02-14 16:29:05 · 1779 阅读 · 0 评论 -
一个jQuery+CSS 很好的网站
前端博客公共静态资源Author：云淡然Website： ydr.mehttp://static.qianduanblog.com/转载 2014-02-13 16:04:37 · 908 阅读 · 0 评论 -
HTML5 API—无刷新更新地址 history.pushState/replaceState方法(例子）
转自：http://www.cnblogs.com/maorongmaomao/archive/2012/02/20/2359341.html尽管是上面讲到的《JavaScript高级程序设计》(第二版)中提到，BOM中的location.path/query…… (window.location)在通过JavaScript更改以后，浏览器都会通过刷新来到达你更改后的URL(locatio转载 2014-02-28 19:36:12 · 8237 阅读 · 0 评论 -
使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL
转自：http://blog.youkuaiyun.com/my_yang/article/details/7412588在访问现在很火的google plus时，细心的用户也许会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器的前进和后退。不禁让人想问，是什么有这么强大的功能呢？HTML5里引用了新的API，就是history.pushS转载 2014-02-28 18:45:24 · 1445 阅读 · 0 评论 -
30 个 jQuery & CSS3 加载动画和进度栏插件
转自：http://www.oschina.net/news/49287/30-jquery-css3-loading-animation-progress-bar-plugins喜欢哪个赶紧带走，过期不候。Animated Progress Bars with CSS3[ Demo | Download ]Spin JS Bar[ Demo |转载 2014-03-01 12:59:37 · 1647 阅读 · 0 评论 -
JavaScript跨域总结与解决办法
转自：http://developer.51cto.com/art/201102/245701.htmJavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下。AD：2013云计算架构师峰会课程资料下载什么是跨域转载 2014-03-01 13:53:34 · 639 阅读 · 0 评论 -
HTML5 游戏开发
HTML5 游戏开发实战网址：http://subject.9ria.com/html5game.htmlHTML5 2D游戏引擎研发系列http://html5gamedev.org/?p=620原创 2014-03-02 20:25:14 · 964 阅读 · 0 评论 -
Html 5中自定义data-*特性
转自：http://www.cnblogs.com/wintersun/archive/2012/04/09/2438646.htmlHtml 5中支持用户自定义的data-*特性，它们在UI是不可见的。例如data-length,它可以附加在input的标签上。更加具体信息可参考W3C Html 5 data-说明书有这么一段描述:Custom data attribut转载 2014-02-19 18:06:21 · 696 阅读 · 0 评论 -
html的块元素和行内元素清单
转自：http://zhidao.baidu.com/question/96744756.html?qbl=relate_question_1内联元素(inline element)一般都是基于语义级(semantic)的基本元素。内联元素只能容纳文本或者其他内联元素，常见内联元素"a"。块元素(block element)和内联元素(inline element)都是html规范中的概念转载 2014-03-02 21:42:09 · 811 阅读 · 0 评论 -
动态添加类和元素样式属性（style and className）
转自：http://www.cnblogs.com/Denny_Yang/archive/2011/03/10/1980288.html写了将近两天了，不断的测试，不断的改，终于还是写出来了。高手请勿见笑。确实花了不好时间，囧~~~现在来说一下这些撇脚代码（还可以大大的优化）的功能描述，第一个是修改元素的样式即元素的style方法，传入的style可以是对象，也可以是字符串。转载 2014-02-20 14:41:09 · 1554 阅读 · 0 评论 -
iframe自适应高度的多种方法方法小结
转自：http://www.jb51.net/article/15780.htm （原文更易阅读）对于自适应高度的代码有很多，可效率什么的考虑进来好代码就不多见了，不过思路倒是差不多的不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能，可是 iframe的大小却不像层那样可以“伸缩自如”，所以带来了使用上的麻烦，给iframe设置高度的时候多了也不转载 2014-03-04 18:45:39 · 666 阅读 · 0 评论 -
HTML 5 & CSS 3的新交互特性
转自：http://www.kuqin.com/webpagedesign/20111126/315413.html本文标题的这副图片，是用Phosotshop制作的。但是，在搜索引擎中你却无法搜索到它，搜索引擎还没有强大到能够识别图片里面的文字。并且由于图片的体积不算太小，可能网速慢的网友在浏览的时候不得不耐心的等待图片的刷新。那么，有没有一种新的方法可以避免这些缺点呢？转载 2014-03-04 21:29:35 · 1124 阅读 · 4 评论 -
iframe自适应高度
转自：http://blog.youkuaiyun.com/jyy_12/article/details/7565464jquery:在IE7/IE8下，由于加载顺序速度的关系，第一次打开有时获取不到内嵌页面的高度，有时又可以[javascript] view plaincopy$("#frame_content").load(functio转载 2014-03-05 14:59:03 · 843 阅读 · 0 评论 -
再谈iframe自适应高度
再谈iframe自适应高度http://www.kuqin.com/webpagedesign/20080516/8536.htmlHTML 5 & CSS 3的新交互特性http://www.kuqin.com/webpagedesign/20111126/315413.html转载 2014-03-04 19:38:30 · 1081 阅读 · 1 评论 -
jQuery制作的手风琴折叠菜单
转自：http://beyondweb.cn/article_detail.php?id=216当列表菜单项目特别多的时候，使用javascript手风琴菜单是个不错的选择。手风琴折叠菜单利于组织菜单项、节约网页空间和方便用户点击浏览。于是今天自己用jquery写了个手风琴折叠菜单，分享一下吧。首先看下效果图吧：下面分别是html、css以及js代码：转载 2014-05-02 11:13:20 · 1283 阅读 · 0 评论