JQuery
Spring_Ji
乐观、开朗、自信,喜欢英语、编程、篮球等等,希望结交更多的朋友。
展开
-
新版Timeline的界面展示
此功能融合了TimeElapsed的技术框架,并且引入了Timeline的infobox进行界面展示,丰富了页面效果,用HTML替代了原有Silverlight的实现方式,界面感强,能够进行Drag和Resize,不同的颜色代表不同的事件类型,点击More可以显示更加详细的信息,点击Link可以链接到对应Event的Summary页面,事件有覆盖的地方,可以上下拖动进行查看,程序加载过程会自动初始原创 2013-11-13 14:50:56 · 4524 阅读 · 2 评论 -
New Timeline的Toolbar样式设计
最近在做新版的Timeline,Toolbar【Menu】的功能基本完成,因此把截图拿出来与各位博友分享一下。 新版Timeline【HTML版本】主页面: 这次主要讲解一下Toolbar【Menu】的功能。 1、Toolbar的主要功能按钮: 这块是用Ext的Toolbar实现的,之前用jQuery.toolbar.js实现,但是在实现Check选择菜单和点击后悬停菜单方面,jQ原创 2013-12-13 17:57:28 · 3117 阅读 · 2 评论 -
Win7下的IE8与XP下的IE8的不同
先比较一下这两个浏览器的版本: Win7下的IE8:8.0.7601 XP下的IE8:8.0.6001 再说一下在这两个浏览器中表现不同的地方,Win7下的IE8表现正常,在XP下的IE8表现异常,后来检查HTML发现是应用的jQuery UI 的draggable属性造成的,当用disabled属性禁用此功能的时候,XP下的IE8背景变成空白了,后来调试发现JQ原创 2013-11-08 10:35:34 · 8616 阅读 · 0 评论 -
Web端的Tab控件在切换Tab时Load数据出错的处理
我们在应用Web端的Tab控件时,不管是Jquery easyui的还是Ext的Tab控件都会遇到一个问题,在Tab1正在加载数据的时候我们切换到Tab2,再切换回来,Load数据的控件就会出错,出错的情况有很多种,我做过测试这种情况在Chrome下面没有,IE和Firefox都存在,界面如下: 报错的情况会有很多种,但是究其原因,都是由于在切换Tab1到Tab2的时候,实际上将Tab1的d原创 2013-11-21 14:20:20 · 3953 阅读 · 1 评论 -
jQuery也能舞出绚丽的界面(完结篇)
ThematicMap又增加了两种Chart类型,现在总算是齐全了,效果也出来了,与大家分享一下: 1、MultiSelect选择界面: 颜色框是可以选择颜色的: 2、生成的饼图效果: 3、生成的柱状图的效果: 柱状图由于数据分布的原因,效果不是很理想。 到现在为止,四种类型的专题图已经完成了(分级颜色、分级符号、饼图、柱状图),效果图已经贴出来了,期待你的评论与原创 2013-06-17 16:54:33 · 1586 阅读 · 0 评论 -
MultiSelect左右选择控件的设计与实现
由于项目中用到左右选择的控件,网上找了一些相关的实现,基本上有两个: 1、基于JQuery UI的控件: 这个看起来样式不错,而且使用起来功能也比较齐全,但是与传统的左边选择到右边的方式不同,有点别扭。 2、某个兄弟手写的一个控件: 这个符合我的需求,简单实用,但是不满足我的另一个需求,我的需求是右边的选择框需要能选择不同颜色的图片,而且这个样式有点不美观。 怎奈自己写一个吧,费原创 2013-06-06 18:06:50 · 6339 阅读 · 20 评论 -
jQuery也能舞出绚丽的界面(续)
ThematicMap功能进一步完善了一下,效果比以前增强了不少,贴出来与大家分享一下: 1、先贴两张效果图: A、颜色分段专题图: B、符号分级专题图: 地图是BingMap,上面的legend、statistics、Title是后加上的。 2、增强的功能: 主要增强的功能是左下部的Chart功能:现在可以实现自动生成Grid中的数据【不需要手动输入】,用户只需要选原创 2013-06-04 15:47:05 · 1374 阅读 · 0 评论 -
ddslick控件的使用及如何切换数据源
1、添加引用: 2、在页面上创建一个div: 3、初始化: $('#colorRamp').ddslick({ data: slickData, width: 200, onSelected: function (obj) { _colorRamp = obj.selectedData.value; } }); 4、slickData的数原创 2013-06-04 15:31:19 · 2351 阅读 · 0 评论 -
分享一下TimeElapsed(TimeLine)【jQuery版】的优美界面
此功能翻译成中文叫时态GIS,查阅的相关的资料,主要都是基于理论性质的东西,就是在二维或者三维空间中加入时间的概念,但是未见有真正的实践。 完成开发TimeElapsed的工作已经有半年多的时间了,一直没有时间拿出来与博友分享,今天突然想起来,与大家分享一下: 最早想起来要做这个功能的是因为一个国外的TimeElapsed的网站: http://vfdemo.id原创 2012-12-18 09:21:03 · 8199 阅读 · 4 评论 -
jQuery获得IE版本不准确(webbrowser)
用$.browser.version经常出现一些不准确的状况,最近碰到,做了一些总结,不知道是否全面。 用javasript的navigator.userAgent.indexOf("MSIE 8.0")取法结果是一样的。 1、用webbrowser加载htm、html页面,此时加载后获取IE的版本就是不准确的,比如我的机器是IE9,但是通过webbrowser加载之后,$.browser.v原创 2012-11-26 10:44:53 · 3760 阅读 · 1 评论 -
jQuery也能舞出绚丽的界面
最近在做一个产品的功能,是关于专题地图的,做了几个界面,效果还不错,与大家分享一下 第一个: 介绍一下:这是一个dialog弹出框,用的是jQuery easy UI的Dialog,内部嵌套的是JQuery easy UI的layout控件,向导控件用的是Smart Wizard,样式做了一些调整,左边的Tree控件也是用的jQuery easy UI的。 第二个: 左边的列表用的原创 2012-11-22 11:49:32 · 2841 阅读 · 5 评论 -
两款HTTP流量分析工具HTTP Watch与Fiddler的比较
做Web开发或者Web分析经常需要查看Http通讯的过程,项目实践中,很多Web相关的各种各样稀奇古怪的问题,最后都能通过分析HTTP流量得以解决。我到现在用过的比较好用的两个Http流量分析工具,一个是HTTP Watch,另外一个是Fiddler。 HTTP Watch HTTP Watch是我最早用过的HTTP流量分析工具。它只能用于IE和Firefox浏览器上。 它有两种使用界面,一转载 2012-07-17 13:41:45 · 7343 阅读 · 1 评论 -
jQuery两个稳定版本的比较
jquery历经了多个版本的更新,版本上的比较貌似没什么必要性,一般来说新的版本会比旧的版本各方面都略有提升,但由于新版中增加了各种新的功能,难免会引起bug的发生。评估一个版本是否适合当前开发场景使用,通过多几方面来衡量比较靠谱。以下我选用业界中比较稳定两个jquery来进行对比,它们分别是1.4.2版本以及1.7.1版本来 。 1. 性能上的分析 1.1带宽比较转载 2012-07-18 08:54:50 · 7576 阅读 · 1 评论 -
IE8下String的Trim()方法失效的解决方案
用jquery的trim()方法,$.trim(str)就可以了。原创 2013-11-08 10:25:37 · 13423 阅读 · 0 评论