1.  JS Charts Features Prepare your chart data in XML, JSON or JavaScript Array Create charts in different templates like bar charts, pie charts or simple line graphs You don't need any server-side plugins/modules It's compatible with most web browse…
本文转自:http://pwwang.com/2009/10/25/tetris-in-jquery-javascript/ All in jQuery/JavaScript + HTML! Demo:Tetris(俄罗斯方块) in jQuery/JavaScript! 文章最后会给出源码下载. 先上两张图: 其实很早就有这样的想法,无奈思想一直不是很成熟,各个细节没有想好.突然某一天灵光闪现,就想到办法了.相信应该也有很多人有过这样的想法,可是总是会被一些细节问题所卡住.只要思路有了,代码的…
jQuery 表格插件可以让你创建各种各样的表格布局,表格布局是报纸和杂志中最常见的布局,现在的网站中也很常见,在这篇文章中,我向大家推荐25个jQuery 的表格插件,你可以任意控制表格的行和列,用文本和图片进行填充.我用了顶级的来形容这个些插件,我可以肯定你了解它们之后会觉得很酷. 1. Gridify Gridify 是轻量级的 jQuery 插件,用来创建一个类似 Pinterest 图片加载网格插件.支持图像加载事件,支持窗口缩放事件,支持非常长的高度项,支持动态项宽度,支持动画 (C…
Visual Studio 2012设置Jquery/Javascript智能提示 在Visual Studio 2008 Visual Studio 2010中微软已经开始支持jquery/javascript智能提示了.反而是Visual Studio 2012让人莫不清楚头脑. 但是需要安装一个插件.方法在这里也补充一下: 1  安装VS2008SP1补丁 要确保您的vs2008已经打了sp1补丁,在vs2008的帮助里的关于,要是安装了sp1,会出现“版本 3.5 sp1”,没安装当然就…
FusionCharts可以让用户只使用JavaScript建立图表(而不是使用Flash),只需要添加另一行代码,如下所示: FusionCharts.setCurrentRenderer('javascript'); 这段代码会使FusionCharts渲染器跳过Flash渲染,并创建纯基于JavaScript的图表. 修改后的代码如下: <html> <head> <title>My First chart using FusionCharts - Using p…
/*! * jQuery JavaScript Library v3.2.1 * https://jquery.com/ * * Includes Sizzle.js * https://sizzlejs.com/ * * Copyright JS Foundation and other contributors * Released under the MIT license * https://jquery.org/license * * Date: 2017-03-20T18:59Z *…
[JS]jQuery,javascript获得网页的高度和宽度网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边 网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.client…
2014年25款最好的jQuery插件 来源:Specs' Blog-就爱PHP   时间:2014-12-30 10:24:10   阅读数:2267 分享到: 0 http://www.php100.com/html/it/qianduan/2014/1230/8211.html [导读] 马上2014年就要过去了,可能很多人都在做关于2014年的各种总结,今天我来给大家分享篇关于jQuery插件的总结文章. 马上2014年就要过去了,可能很多人都在做关于2014年的各种总结,今天我来给大家…
富文本编辑器,也就是所见即所得的 HTML 编辑器,是网站一个非常重要的组件,特别是对于一些内容发布网站来说.本文介绍 10 个基于 jQuery 的可视化文本编辑器. MarkitUp markItUp! 并不是全功能的编辑器,它是一个非常轻量级.可定制的灵活引擎,适合 CMS.博客.论坛等网站.makrItUp 并不是所见即所得的,以后也不会是. demo / source jWYSIWYG 这是一个内嵌的内容编辑器,可直接编辑HTML内容,并具备所见即所得的效果,该插件体积非常小,只有不到…
Web 元素是任何网站相关项目都需要的,质量和良好设计的元素对于设计师来说就像宝贝一样.如果您正在为您的网站,博客,Web 应用程序或移动应用程序寻找完美设计的网页元素,那么下面这个列表会是你需要的. 今天这里收集的免费资源是25套免费的 Web UI 设计的界面元素,用于和Mobile App设计.它包括所有的设计元素的 PSD 格式,某些元素提供矢量格式,可以缩放到任意大小. UI Kit – Free PSD Download Ui Kit [Free PSD] Download Free…
jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互.特效.小部件及主题.无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器,jQuery UI 都是一个完美的选择.  jQuery UI 包含了许多维持状态的小部件(Widget),因此,它与典型的 jQuery 插件使用模式略有不同.所有的 jQuery UI 小部件(Widget) http://www.runoob.com/jqueryui/jqueryui-theme.htm…
今天小编为大家推荐一个神奇的酷站.ECharts,一个纯 Javascript 的图表库. 以下是各个几个不错的界面的介绍: 首页:http://echarts.baidu.com/ 在首页有完整的说明,也专门的例子进行讲解,如果有一定前端基础,可以很快上手.而没有经验的,照模画样也可以弄出来. 一般例子: http://echarts.baidu.com/echarts2/doc/example.html 一般性的例子里面包含了常用的一般性表格,点击进去就可以看到代码.修改后点击刷新就能得到修…
1.HTML5/jQuery雷达动画图表 图表配置十分简单 之前我们介绍过不少形形色色的HTML5图表了,像这款HTML5折线图表Aristochart是一款很不错的折线图表,这款HTML5 Canvas饼状图表也很酷.今天我们再来分享一款很特别的HTML5图表,它是利用HTML5和jQuery的雷达动画图表,图表数据在初始化的时候带有一定动画. 在线演示        源码下载 2.HTML5模拟牛顿力学 碰撞的小球 利用HTML5来模拟很多物理实现都非常方便,像之前介绍过的HTML5 Can…
1. 去除页面的右键菜单 $(document).ready(function(){ $(document).bind(“contextmenu”,function(e){returnfalse;});}); 2.搜索输入框文字的消失 当鼠标获得焦点.失去焦点的时候,input输入框文字处理: $(document).ready(function(){ $(“input.text1″).val(“Enter your search text here”); textFill($(‘input.t…
gRaphael 是一个致力于帮助开发人员在网页中绘制各种精美图表的 Javascript 库,基于强大的 Raphael 矢量图形库.你只需要编写几行简单的代码就能创建出精美的条形图.饼图.点图和曲线图. gRaphael 使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,是跨浏览器的矢量图形库,目前支持的浏览器包括: Firefox 3.0+,Safari 3.0+,Chrome 5.0+,Opera 9.5+ 以及 Internet Explorer 6.0+. 使用方法:在页…
<html> <head> <meta charset="utf-8"> <title>Checkbox的练习</title> <style type="text/css"> *{margin:0px;padding:0px;} table{width:100%;text-align:center;} </style> <script src="jquery.js&q…
1. 去除页面的右键菜单   $(document).ready(function(){ $(document).bind(“contextmenu”,function(e){returnfalse;});}); 2.搜索输入框文字的消失   当鼠标获得焦点.失去焦点的时候,input输入框文字处理:   $(document).ready(function(){ $(“input.text1″).val(“Enter your search text here”); textFill($(‘i…
在说3D图表以前,首先要明确两个概念,一个是数据的维度,一个是呈现数据载体的维度.对于数据的维度,一维的数据呈现,但是呈现的载体是二维的平面图,比如饼图: 已经能够很清晰地观察到数据的分布情况.数据如果增加一个维度,变成二维,呈现载体依然是二维的平面图: 数据表达依然是清晰的.但是,倘若再增加一维,这个时候就面临了两个问题: 数据的维度增加,复杂性也增大了: 计算机发展到现在,绝大多数情况下数据载体依然是二维的平面图,如何展示三维的数据呢? 这两个问题中,第一个问题从本质上说,无法解决.数据的维…
jQuery被认为是最好的JavaScript库,因为它简单易用.灵活,并有大量的插件.本文介绍25个非常不错的jQuery日历和日期选取插件,希望对各位有用. 1. Simple JQuery Date Picker 2. Jquery Week Calendar 3. FullCalendar 4. jCalendar 5. iCal-like calendar 6. wdCalendar 7. Event Calendar 8. Sexy jQuery Multiday Calendar…
1.使用 typeof bar === "object" 来确定 bar 是否是对象的潜在陷阱是什么?如何避免这个陷阱? 尽管 typeof bar === "object" 是检查 bar 是否对象的可靠方法,令人惊讶的是在JavaScript中 null 也被认为是对象! 因此,令大多数开发人员惊讶的是,下面的代码将输出 true (而不是false) 到控制台: var bar = null; console.log(typeof bar === "…
一:1.jsCharts图表插件 注意:从官方下来的例子都没指定页面编码,在这种情况下,浏览器就会使用默认设置中文编码:GB2312,GBK等:导致无法执行. 请在html代码中的<head></head>标签对里加入 <meta http-equiv=”content-type” content=”text/html;charset=utf-8″>,也就是指定页面编码[只要不是中文编码就行] 2.下载地址: 官方地址:http://www.jumpeyecompone…
jQuery 表格插件可以让你创建各种各样的表格布局,表格布局是报纸和杂志中最常见的布局,现在的网站中也很常见,在这篇文章中,我向大家推荐25个jQuery 的表格插件,你可以任意控制表格的行和列,用文本和图片进行填充.我用了顶级的来形容这个些插件,我可以肯定你了解它们之后会觉得很酷. 1. Gridify Gridify 是轻量级的 jQuery 插件,用来创建一个类似 Pinterest 图片加载网格插件.支持图像加载事件,支持窗口缩放事件,支持非常长的高度项,支持动态项宽度,支持动画 (C…
描述 本例展示了如何使用查询任务结果用去Google Chart API构建一个图表.当运行本例,点击一个郡县去看出现在一个无焦点的InfoWindow中的人口统计的数据的图表. 函数init创建了一个Map,一个QueryTask和一个Query.注意QueryTask的构造函数需要地图服务里一个图层的URL (http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapS…
1.使用 typeof bar === "object" 来确定 bar 是否是对象的潜在陷阱是什么?如何避免这个陷阱? 尽管 typeof bar === "object" 是检查 bar 是否对象的可靠方法,令人惊讶的是在JavaScript中 null 也被认为是对象! 因此,令大多数开发人员惊讶的是,下面的代码将输出 true (而不是false) 到控制台: var bar = null;console.log(typeof bar === "o…
文章系本人原创,转载请保持完整性并注明出自<四火的唠叨> 在说3D图表以前,首先要明确两个概念,一个是数据的维度,一个是呈现数据载体的维度.对于数据的维度,一维的数据呈现,但是呈现的载体是二维的平面图,比如饼图: 已经能够很清晰地观察到数据的分布情况.数据如果增加一个维度,变成二维,呈现载体依然是二维的平面图: 数据表达依然是清晰的.但是,倘若再增加一维,这个时候就面临了两个问题: 数据的维度增加,复杂性也增大了: 计算机发展到现在,绝大多数情况下数据载体依然是二维的平面图,如何展示三维的数据…
<html> <head> <meta charset="utf-8"> <title>注册表单验证</title> <script src="jquery.js"></script> <style type="text/css"> table{background-color:pink;width:80%;height:300px;} td{text…
<html> <head> <meta charset="utf-8"> <title>jQuery实现</title> <script src="jquery.js"></script> <style type="text/css"> table{background-color:pink;width:300px;height:200px;} td{…
Jquery 是一个优秀的javascript框架,是轻量级的js库 jQuery简化了javascript 编程 jQuery很容易学习…
jQuery CSS3 形象悬停效果可能是一个优秀的网站项目中添加的效果.这个特殊的收集是大约50个 jQuery CSS3 形象徘徊影响最近出版的.这些图像悬停效果可以作为一个有效的和创造性的方式添加专业和优雅的设计和效果你最新 CSS3 的工具. 对于你们中那些不知道,jQuery 基本上是一个跨平台的 JavaScript 库.这是为了简单的 HTML 和脚本的设计在2006年1月被释放.jQuery 中使用超过65%的来自世界各地的最常访问的网站,因此,它是安全的假设为网站创造了奇迹.…
//javascriptvar ul = document.getElementById('ul); var as = ul.getElementsByTagName('a'); for(var i = 0; i <as.length; i++) { as.item(i).onmouseover = function() { var iframe_con = document.getElementById(pos_content); var src = './content/' + this.i…