【纯javascript联动的例子】的更多相关文章

纯javascript联动的例子

有人想要学习下纯javascript联动的一些技巧,我这里就以日期的联动为例,附上一些代码至于复杂的省市区联动,不建议用纯javascript的,而是用ajax的方式,该不在此讨论范围内,想要了解ajax是什么,最好去ajax板块看看 首先贴出的是普通编码下的日期联动代码:1楼贴出的是整理过后的可重用框架代码,需要prototype框架支持(懒得写独立于prototype框架的代码了……) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Stric…

ECharts-基于Canvas，纯Javascript图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表

ECharts http://ecomfe.github.com/echarts 基于Canvas,纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表.创新的拖拽重计算.数据视图.值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘.整合的能力. ———— 大数据时代,重新定义数据图表的时候到了 Architecture ECharts (Enterprise Charts 商业产品图表库) 提供商业产品常用图表库,底层基于ZRender,创建了坐标系,图例…

【前端酷站】分享一个纯 Javascript 的图表库与立体像素风制作～

今天小编为大家推荐一个神奇的酷站.ECharts,一个纯 Javascript 的图表库. 以下是各个几个不错的界面的介绍: 首页:http://echarts.baidu.com/ 在首页有完整的说明,也专门的例子进行讲解,如果有一定前端基础,可以很快上手.而没有经验的,照模画样也可以弄出来. 一般例子: http://echarts.baidu.com/echarts2/doc/example.html 一般性的例子里面包含了常用的一般性表格,点击进去就可以看到代码.修改后点击刷新就能得到修…

纯javaScript、jQuery实现个性化图片轮播

纯javaScript实现个性化图片轮播 轮播原理说明<如上图所示>: 1. 画布部分(可视区域)属性说明:overflow:hidden使得超出画布部分隐藏或说不可见.position:relative 会导致自身位置的相对变化,而不会影响其他元素的位置.大小的变化.使得使用了position:absolute 元素相对于画布位置进行定位: absolute元素脱离了文档结构,产生破坏性,导致父元素坍塌,float元素也会脱离文档结构,absolute元素会悬浮在页面上方,遮挡其他部分显示,…

javascript日历控件——纯javascript版

平时只有下班时间能code,闲来写了个纯javascript版.引用该calendar.js文件,然后给要设置成日历控件的input的id设置成calendar,该input就会变成日历控件. <!doctype html> <html> <head> <meta charset="utf-8"> <title>日历控件</title> <script src="js/calendar.js&quo…

青瓷引擎之纯JavaScript打造HTML5游戏第二弹——《跳跃的方块》Part 10（排行榜界面&界面管理）

继上一次介绍了<神奇的六边形>的完整游戏开发流程后(可点击这里查看),这次将为大家介绍另外一款魔性游戏<跳跃的方块>的完整开发流程. (点击图片可进入游戏体验) 因内容太多,为方便大家阅读,所以分多次来讲解. 若要一次性查看所有文档,也可点击这里. 接上回(<跳跃的方块>Part 9) (四)排行榜界面 排行榜榜单元素 排行榜的榜单也是一个TableView,所以我们先建立一个榜单元素的控制脚本:RankItem.js. // define a user behavio…

纯Javascript实现Windows 8 Metro风格实现

Metro风格设计主要特点 1.Windows 8 Metro风格设计,实现网站或系统功能的导航 2.纯Javascript实现 3.支持所有IE.360.Chrome等常用浏览器 4.支持圆角.阴影.卡片切换等特效 5.支持卡片的放大.缩小.增加.删除等功能 6.可自定义卡片背景色.背景图片.卡片图片.卡片文字 7.卡片间可任意切换 Metro风格截图 Metro部分算法 卡片显示部分代码: str='<li data-mode="flip" id="'+itemID…

纯javascript代码编写计算器程序

今天来分享一下用纯javascript代码编写的一个计算器程序,很多行业都能用到这个程序,例如做装修预算.贷款利率等等. 首先来看一下完成后的效果: 具体代码如下:(关注我的博客,及时获取最新WEB前端开发源代码) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">…

纯JavaScript实现HTML5 Canvas六种特效滤镜

纯JavaScript实现HTML5 Canvas六种特效滤镜  小试牛刀,实现了六款简单常见HTML5 Canvas特效滤镜,并且封装成一个纯 JavaScript可调用的API文件gloomyfishfilter.js.支持的特效滤镜分别为: 1.      反色 2.      灰色调 3.      模糊 4.      浮雕 5.      雕刻 6.      镜像 滤镜原理解释: 1.      反色:获取一个像素点RGB值r, g, b则新的RGB值为(255-r, 255-g,…

纯javascript验证，100行超精简代码。

这篇文章转自--寒飞,原帖地址http://blog.csdn.net/luoyehanfei/article/details/42262249 QQ交流群235032949 纯javascript验证库详解 还是坚持一贯的原则,编写任何一个插件的时候不引用其它框架.这样做的好处与坏处. 好处:耦合度降低,提升自我编码水平,总有一天你就能成为编写框架的大神. 坏处:琐碎,耗时一点. javascript的验证网上铺天盖地很多,jquery.validate.js也是非常强大的.为什么还要重复造轮…