扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
举例如下:
创新互联专注于元宝山企业网站建设,成都响应式网站建设,成都做商城网站。元宝山网站建设公司,为元宝山等地区提供建站服务。全流程定制网站制作,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务
!-- 引入jQuery --
script src="../../scripts/jquery.js" type="text/JavaScript"/script
script type="text/javascript"
//![CDATA[
$(function(){
var $one_li = $("ul li:eq(1)"); // 获取ul节点中第二个li元素节点
var $two_li = $("ul li:eq(2)"); // 获取ul节点中第三个li元素节点
$two_li.insertBefore($one_li); //移动节点
});
//]]
/script
/head
body
p title="选择你最喜欢的水果." 你最喜欢的水果是?/p
ul
li title='苹果'苹果/li
li title='橘子'橘子/li
li title='菠萝'菠萝/li
/ul
使用原生js自己写或js库(框架)都是可以的,由于目前HTML5并不是所有的浏览器都完美支持,使用兼容性比较好的js库是个不错的选择。
例如Highcharts图标库就可以实现各类曲线图、折线图、区域图、3D图、柱状图等等。具体使用参考:。
Highcharts中做折线图的demo代码可以作为参考:
html lang="en"
head
script type="text/javascript" src=""/script
script type="text/javascript" src=""/script
script type="text/javascript" src=""/script
script
$(function () {
$('#container').highcharts({
chart: {
type: 'line'
},
title: {
text: 'Monthly Average Temperature'
},
subtitle: {
text: 'Source: WorldClimate.com'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
yAxis: {
title: {
text: 'Temperature (°C)'
}
},
tooltip: {
enabled: false,
formatter: function() {
return 'b'+ this.series.name +'/bbr/'+this.x +': '+ this.y +'°C';
}
},
plotOptions: {
line: {
dataLabels: {
enabled: true
},
enableMouseTracking: false
}
},
series: [{
name: 'Tokyo',
data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
}, {
name: 'London',
data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
}]
});
});
/script
/head
body
div id="container" style="min-width:700px;height:400px"/div
/body
/html
这个功能不是不能实现,但是我非常疑惑楼主为什么不用JQuery?如果是纯JS做的话,那工作量相当的大,一般在这种地方以积分的形式,几乎没有人会花数个小时给你去做这个东西的。现在这种折线图有成熟的插件或者代码,但是你可以去拆一下他们的插件包,里面还一定有个JQuery的文件。
如果真的非常需要,请去CSTO上以现金报酬的方式招标吧。
给你个思路吧,如果想在页面上画图,现在首选考虑到的是HTML5的Canvas功能。非常好用,顺便上个代码包吧,这个里面有个不错的折线图和饼图的示例,只能帮你这么多了
算出角度 用CSS把直线旋转就可以了
不过在IE8以下包括IE8是实现不了的 因为他的旋转只有直角 也就是说只有4种角度
用PHP或者FLASH都可以轻松实现 FLASH更有交互性 PHP就是直接生成的图片了
d3.js和jQuery都有个相同之处,就是它们都是js界的著名工具库。但是它们所面对的领域不一样。
d3.js主要是做数据可视化的,也就是各种炫酷的图表,比如折线图、弦图、力导向图等等。而jQuery主要是做页面DOM控制、AJAX和动画的。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流