HTML5世界地图划分世界区域并显示国家名

24,510 人浏览

2015-11-14 15:19:37

关于HTML5和jQuery的地图应用，在之前的文章中我们都有分享，比如jQuery中国地图插件和jQuery矢量SVG地图插件JVectorMap这两款地图应用。今天要介绍的是一款基于HTML5的世界地图应用，它的特点是可以将地图中的各个国家区域进行划分，鼠标滑过时即可显示该区域对应的国家名称，你也可以对弹出的标签进行自定义文字和自定义样式。

html5-global-map

在线演示源码下载

HTML5赣极方棋动物游戏

6,851 人浏览

1条回复

之前我们分享过很多不错的HTML5游戏，大部分的效果都非常炫酷，比如HTML5/CSS3简易版俄罗斯方块游戏就非常经典，今天要介绍的是一款基于HTML5的赣极方棋游戏，这有点像斗兽棋和中国象棋的结合，可以根据动物之间的实力来吃掉对方。

html5-animal-chess-game

在线演示源码下载

HTML5 Canvas 柱形图鼠标滑过显示百分比

8,371 人浏览

2条回复

2015-10-06 11:36:04

这是一款基于HTML5的柱形图表，跟其他的HTML5图表类似，它也可以定义柱形的高度来表示其百分比的高低，同时当你将鼠标滑过某个柱形体时，将会显示具体的数据百分比，当让你也可以自定义其他的图表数据。另外，这款图表是基于HTML5 Canvas技术的，所以在支持HTML5的浏览器上效果都会不错。

html5-canvas-bar-chart

在线演示源码下载

HTML5侧滑聊天面板很酷的聊天界面

9,863 人浏览

1条回复

2015-09-20 16:13:28

这是一款基于HTML5和SVG的侧滑聊天面板，初始化的时候聊天面板是锁定的，当你拖动白色区域时，即可解锁展开聊天面板，显示所有好友。点击面板中的好友即可切换到聊天模式。无论界面美化还是动画特效，这款HTML5聊天面板都非常不错，当然具体的聊天功能仍需你自己实现。

html5-slider-chat-panel

在线演示源码下载

jQuery 美化界面的下拉框

6,590 人浏览

1条回复

之前我们介绍过一款基于jQuery多级联动美化版Select下拉框，很多朋友都非常喜欢，可见经过美化过的下拉框的确可以让你的网页更为精妙。今天我们要介绍的这款美化界面下拉框也是基于jQuery的，它的特点是可以通过上下箭头微调选择，也可以通过点击控件展开下拉菜单。

jquery-fancyui-select

在线演示源码下载

CSS3文字菜单鼠标悬停气泡提示动画

12,188 人浏览

1条回复

之前我们介绍过一些基于jQuery和CSS3的气泡提示框，大家可以看看CSS气泡提示框可自定义配置箭头。今天要给大家带来另外一款基于CSS3的文字菜单鼠标悬停气泡提示动画，它比较适合用在文字菜单上，当鼠标滑过菜单项时，你可以定义其弹出一个气泡提示框，可以是一个小图标。另外，这些气泡提示框在弹出的时候还会配合一定的动画特效。