HTML5网站建设中如何表达百分比的图像

发布时间:2014-11-16 8:05:17

HTML5网站建设中如何表达百分比的图像

  在接下来中你会看到本年度已过去时间百分比的图像表达。网站采用4种不同方法显示结果:文字及百分比值、新的metei元素、内嵌div元素、Google的ChartAPI在线服务提供的图像。
  这个HTML代码中,宁波网站建设认为有些功能暂时还缺少相应元素来实现,因此暂时由JavaScript作为替代。
  

Text


  
  %oftheyearhaspassed.


  

Thenewmeterelement


  
  

Nesteddivelements


  
   
  

GoogleChartAPI


  
  
  在文本输出方面,我们用到了节中的output元素。但首先要注意的是我们使用了JavaScript来生成当前日期,并初始化meter元素。
  vartoday=newDateQ;
  varm=document.getElementBvId();
  m.min=newDate(today.getFuilYear(〉,0,1);m.max=newDate(today.getFullYear(),11,31);//m.optimum=m.min-m.max/2;m.value=today;在这段js代码中,变量today包含一个UNIX时间戳(以UNIX纪元为开始的毫秒数,起始于)。为保证meter元素度量正确,我们将最小值设为1年1月1日,最大值设为12月31日。代码的最后一行是设置meter的值,之后的工作就交由图形界面完成了。若optimum所定义的最佳值被激活(在这个案例中指年中),显示结果将发生改变——取决于你是在上半年还是下半年调用的脚本。这个新元素用起来实在是很方便。
  本文由乐华网络编辑,转载请注明出处
  宁波网站建设www.leseo.net
上一篇:
用户界面优化用户界面在网站中扮演着十分重要的人物。用户界面与前面说到的网站装备优化有点有关,可是用户
下一篇:
也即是说硬件与软件的开展,会因应人类的需要而不断地革新,使得硬付要越快越小,软件的功用越多越杂乱,当
关于乐华
乐华介绍
乐华思维
人才招聘
使用条款
隐私保护
RSS订阅
网站地图
新闻动态
乐华观点
行业动态
频道介绍
服务介绍
案例展示
品牌研究
品牌理论
品牌体系
联系我们
400-680-2900
社会媒体
微信公众平台
微信公众平台