注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

使用CSS动画与SVG创建信息图插件Infographic

jQuery插件 fishcity 1349浏览

SVG创建信息图插件Infographic

Infographic是一款有趣而非常个性化的jquery插件,它可以轻松的使用SVG创建动感十足的信息图。而SVG的优点是生成的图片是矢量的,可以无限的放大,同时体积非常的小。Infographic用的是html5与CSS3技术,必须要现代浏览器支持,另外插件不能在本地直接打开测试,请放到服务器环境下测试。

使用方法:

引入核心文件

<link rel="stylesheet" type="text/css" href="css/interactive-svg.css" />
<script src="js/modernizr.custom.js"></script>
<script src="http://ajax.useso.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

写入HMTL

<div id="stage"></div>

写入JS初始化插件

$(function(){

	$("#stage").load('interactive.svg',function(response){

		$(this).addClass("svgLoaded");
		
		if(!response){ // Error loading SVG
			$(this).html('请不要在本地直接打开文件测试,因为SVG需要服务器环境方可加载使用');
		}

	});
});

转载请注明:jQ酷 » 使用CSS动画与SVG创建信息图插件Infographic

下载地址:本站下载 | 百度云 | 官方下载
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。