html中设置某个区域手动上下滚动
1.这是运行效果:
向上(请把鼠标移到这里)
0test
1test
2test
3test
4test
5test
6test
7test
8test
9test
10test
11test
12test
13test
14test
15test
16test
17test
18test
19test
20test
21test
22test
23test
24test
25t
http://www.cyqdata.cn/cnblogs/article-detail-36123
九个让人难以置信的HTML5和JavaScript实验
Google的 Chrome实验室 收集了很多让人难以置信的基于 HTML5 Canvas 和 JavaScript 的实验项目,里面的例子都很独特,让人惊叹。我从未想过结合 HTML 和 JavaScript 能实现这么强大的效果。今天,本文与大家分享其中9个很棒的例子,为了有更好的效果,建议在Chrome浏览器中浏览。
Untangle拖动蓝点,让所有线都不相交,看看你多久能解开
http://www.cyqdata.cn/cnblogs/article-detail-36073
仅IE6/7/8中innerHTML返回值忽略英文空格
如下
<div id="user"> jack</div>
<script>
alert(document.getElementById('user').innerHTML.length);
</script>
div[id=user]中的文本"jack"前有两个英文空格,各浏览器下结果如下
IE6/7/8 : 弹出4,即忽略了空
http://www.cyqdata.cn/cnblogs/article-detail-36066
手把手教你开发Chrome扩展二:为html添加行为
手把手教你开发chrome扩展一:开发Chrome Extenstion其实很简单
手把手教你开发Chrome扩展二:为html添加行为
手把手教你开发Chrome扩展三:关于本地存储数据
上一节我们已经讲了Chrome扩展的基础知识,并构建了基础的html,这一节我们将就html DOM添加部分添加脚本,即脚本在我们的popup页面中进行的操作,页面所产生的变化。
正常情况下数据处理加载完成状
http://www.cyqdata.cn/cnblogs/article-detail-35953
我对ASP.NET MVC HtmlHelper中的Form和Link的小扩展
项目中碰到的问题,或多或少的记录下来,一是积累,二是各位大牛给提供更好的建议。1、HtmlHelper中的Link
您在开发web程序的时候很有可能会定义一个执行JavaScript的伪链接(这是我起的名字),例如:
<a href="javascript:void(0)" onclick="alert('hello world')">Click me</a>
之所以我
http://www.cyqdata.cn/cnblogs/article-detail-35913
实战 HTML5 WebSocket 聊天室.net实现
WebSocket protocol 是HTML5一种新的协议(protocol)。目前紧测试了三个浏览器支持(Chrome,Firefox4,Safari) 客户端: var ws = new WebSocket(con); &nbs
http://www.cyqdata.cn/cnblogs/article-detail-35797
让Firefox支持insertAdjacentHTML和insertAdjacentText
这两个属性首先是IE4提出且实现的,它可以实现在一个 DOM 元素的前面、后面、第一个子元素前面、最后一个子元素后面四个位置,插入指定的 HTML 片段。
其它浏览器相继支持。唯有Firefox不支持,甚至新发布的FF4。insertAdjacentHTML已被HTML5采纳。如下扩展HTMLElement.prototype,为其增加这两个属性。
if(HTMLElement.prototyp
http://www.cyqdata.cn/cnblogs/article-detail-35774
HTML5标准学习 - 文档结构
说起HTML的结构,很多人都能说得头头是道,一般来说答案可能是这样的:
一个DOCTYPE,一个html,里面有head和body元素。
这当然不能说是不正确的,但是如果问到一个最小的HTML源文件必须有哪一些东西的话,恐怕很少有人能正确地做出回答。
先来回答一下这个问题,一个最简的HTML5源码文件需要的内容如下:
<!DOCTYPE html>
是的,就这样,一个字符不多,一
http://www.cyqdata.cn/cnblogs/article-detail-35769
IE6/7/8中使用innerHTML清空元素,其子元素也被清空
如下
<!DOCTYPE HTML>
<html>
<head>
<meta charset="gbk" />
<title>IE6/7/8中innerHTML "Bug"</title>
</head>
<body>
<div id
http://www.cyqdata.cn/cnblogs/article-detail-35744
分享29款基于 HTML 5 Canvas 的网页游戏
现在,越来越多的人尝试用 HTML5 来制作网页游戏等丰富的 Web 应用。上次向大家推荐了21款最佳 HTML5 网页游戏,今天要与大家分享的是另外25款基于 HTML5 Canvas 开发的网页游戏,相信体验了这些游戏之后,大家都会觉得 HTML5 很好很强大。
1. 3Bored
2. 3D Tetris – Cubeout
3. A first person shooter
http://www.cyqdata.cn/cnblogs/article-detail-35664
推荐21款最佳 HTML 5 网页游戏
尽管 HTML5 的完全实现还有很长的路要走,但 HTML5 正在改变 Web,未来 HTML5 将把 Web 带入一个更加成熟和开放的应用平台。现在,越来越多的人尝试用 HTML5 来制作网页游戏等丰富的 Web 应用。今天要与大家分享的是 21 款基于 HTML5 的游戏,让大家体验一下 HTML5 的强大。
1- Runfield
2- Rainbow Blocks
3- RGB Inv
http://www.cyqdata.cn/cnblogs/article-detail-35435
所见即所得的Excel报表生成(二)——从Html table到Excel Cell
在上一篇文章中,已经解决了如何获取html table结构的问题。在本篇文章中,我们着力于table结构的解析。
Html table的结构我们大家都很熟悉,那么在另一端如何构造一个结构,让Excel可以很好的接受和处理呢?
直观的看,一个完整Excel的内容是由位于各个单元格(Cell)中的内容组合而成的。而每个单元格(Cell)都有相应X、Y坐标来标示其位置。也就是说,一
http://www.cyqdata.cn/cnblogs/article-detail-35412
所见即所得的Excel报表生成(一)——获取Html table结构
最近做一个小的报表系统,功能本身没什么。最后客户要求一个打印功能,所谓打印,就是按照页面上报表的样子,一模一样的为其生成Excel文件。
再也不想为了构造结构一样的Excel表格而再次考虑繁琐数据逻辑了!于是乎冒出了这样的一个想法:我要是能获得页面上的报表table,那么只要分析其结构,不就可以构造出相应的Excel表格来吗?
思来想去,觉得这应该是一条可以走的通的路,于是便着手寻找实现的
http://www.cyqdata.cn/cnblogs/article-detail-35388
HTML5笔记(1) - HTML5的定义
前言
HTMl5自去年以来日趋流行,我也时不时的去关注和学习一些边边角角的东西。在这个过程中作了一些笔记,也留下了自己的一些思考,所以在这里记下来的既有一些“客观”的技术背景,更多是自己的“主观”看法,希望能和其他学习者进一步交流,希望过一段时间再看时能有更高层次的认识。
HTML是什么
平时在看一种新技术的介绍时,我最喜欢看的是按照“它
http://www.cyqdata.cn/cnblogs/article-detail-35381
ReportViewer Tip -- 使用Html标签自定义ReportViewer字段显示
跟随VS2010发布的ReportViewer10版本做了很多功能上的改进,有一处改进就是加入了对Html和Style标签的支持,
虽然支持的标签种类有限,但至少可以满足客户的一些个性化的需求了.
目前所支持的标签类型仅限于基本的html和style,清单如下:
Html标签:
· Hyperlinks: <A href>
· Font
http://www.cyqdata.cn/cnblogs/article-detail-35280
学习HTML5十佳站点推荐
当下掀起一股HTML5学习热潮,越来越多的人尝试用HTML5来制作网页游戏等丰富的Web应用。尽管HTML5的完全实现还有很长的路要走,但HTML5正在改变Web,未来HTML5将把Web带入一个更加成熟和开放的应用平台。为了方便大家学习HTML5 ,本文向大家推荐十个非常好的学习HTML5的网站。
1. Dive into HTML5
2. HTML5 Doctor
3. WTF is HT
http://www.cyqdata.cn/cnblogs/article-detail-35070
HTML 5 标签、属性、事件及浏览器兼容性速查表
HTML 5 可以说是近十年来 Web 标准最巨大的飞跃。和以前的版本不同,HTML 5 并非仅仅用来表示 Web 内容,它的使命是将 Web 带入一个成熟的应用平台,在这个平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。尽管 HTML 5 的实现还有很长的路要走,但 HTML 5 正在改变 Web。为了方便大家学习HTML 5 ,本文与大家分享几份 HTML 5 标签、属性、事件及浏
http://www.cyqdata.cn/cnblogs/article-detail-32727
Html5 Canvas 扫雷 (IE9测试通过)
扫雷是一个非常经典的游戏,记得在第一次接触的windows 3.22 上就有扫雷了,到现在的Win7,依然保留着这个经典的游戏,结合Html5 Canvas,模仿Win7的UI,将老板扫雷进行了升级。在 FireFox, Chrome, 和 IE9 下测试通过。 实现中设计的类: CellInfo, MineInfo, InfoProcess, CellRender, MineArea, Game
http://www.cyqdata.cn/cnblogs/article-detail-32726
HTML5 - 搭建移动Web应用
关于HTML5
HTML5具有语义学、本地存储、设备访问、连接性、多媒体、平面和三维效果、性能和集成和CSS3八大技术特征。让Web应用进入无插件时代,在功能和性能上逼近桌面应用。促使应用Web化,实现跨平台。
HTML5规范草案将于2012年发布候选推荐版,2022年发布计划推荐版。规范的实现似乎还在遥远的未来,其实不然!当前很多浏览器已经部分支持HTML5,caniuse.com提供了
http://www.cyqdata.cn/cnblogs/article-detail-32365
Asp.NET MVC Widget开发 - Html.Widget扩展方法
在Asp.NET开发博客类系统,我们经常都会用到Widget,像在线好友、最近访问好友、最新留言等,关于Asp.NET MVC与Asp.NET视图的差异,这里不再说了,大家可去查一下,接下来我以“我的好友”列表来要介绍在Asp.NET MVC实现这一功能以及结构设计。
开发工具:VS 2010 EN
开发语言:Visual C#
ASP.NET MVC 3
As
http://www.cyqdata.cn/cnblogs/article-detail-31816