在网上直接复制html网页到本地打开不正常，请帮忙看看

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="expires" content="Sunday 26 October 2008 01:00 GMT" />
<script src="search/js/commontrend.js" type="text/javascript"></script>

<style>
#chartLoading{width:200px;height:30px;line-height:30px;border:1px solid #666;background:#fff;position:relative; left:40%; top:40%; padding-top:10px;text-align:center}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title> 双色球基本走势图  - 第一开奖网走势图</title><meta name="Keywords" content="走势图，彩票，starlott，排列三，排列五，超级大乐透，七星彩，22选5，31选7，36选7" />
<meta name="Description" content="" />
<link href="search/trend/trend.css" rel="stylesheet" type="text/css" />
<link href="search/trend/style.css" rel="stylesheet" type="text/css" />
<link href="search/css/trend.css" rel="stylesheet" type="text/css" />
<script src="search/js/shulian.js" type="text/javascript"></script>

</head>
<SCRIPT>
var ad1='数据由 <a href=\"http:\/\/www.cpdyj.com\/\" target=\"_blank\">彩票大赢家<\/a> 提供';
var ad2='<a href=\"http:\/\/www.starlott.com\/\" target=\"_blank\">星彩网<\/a> 版权所有';
</SCRIPT>
<body>
<div style="margin:0 auto;width:950px;">
<iframe id="headerName" src="/search/inc/header.html" align="center" valign="middle" frameborder="0" scrolling="no" width="950" height="130"></iframe>
</div>
<table><tr><td>
<script src="http://data.starlott.com/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<style type="text/css">
v\:*{behavior:url(#default#VML);}</style>
<script>

function QueryString(item){
     var sValue=location.search.match(new RegExp("[\?\&]"+item+"=([^\&]*)(\&?)","i"));
     return sValue?sValue[1]:sValue;
}
</script>
<style type="text/css">
.tsty td{ font-size:12px; line-height:25px;}
</style>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<tr><td bgcolor="#E8EFF5" class="borbot" style="padding:0 16px 10px 16px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="tsty">
  <tr>
    <td background="http://data.starlott.com/search/trend/img/nav3back.gif">
<table width="940" cellpadding="0" cellspacing="0">
<tr>
<td>·<a class="fcB1000B" href="/ssq/jb.html" id="jb">基本走势图</a></td>
<td>·<a class="fcB1000B" href="/ssq/wh.html" id="wh">尾号走势图</a></td>
<td>·<a class="fcB1000B" href="/ssq/lhkx.html" id="lhkx">蓝球K线走势图</a></td>
<td>·<a class="fcB1000B" href="/ssq/wzwh.html" id="wzwh">位置出号走势图</a></td>
<td>·<a class="fcB1000B" href="/ssq/qzh.html" id="qzh">前中后走势图</a></td>
<td>·<a class="fcB1000B" href="/ssq/kd.html" id="kd">跨度走势图</a></td>
<td>·<a class="fcB1000B" href="/ssq/hz.html" id="hz">和值走势图</a></td>
<td>·<a class="fcB1000B" href="/ssq/xjt.html" id="xjt">新旧跳分析表</a></td>
<td>·<a class="fcB1000B" href="/ssq/jo.html" id="jo">奇偶分析表</a></td>

</tr>

<tr>
<td>·<a class="fcB1000B" href="/ssq/zh.html" id="zh">质合分析表</a></td>
<td>·<a class="fcB1000B" href="/ssq/hqzh.html" id="hqzh">红球综合数据表</a></td>
<td>·<a class="fcB1000B" href="/ssq/lr.html" id="lr">冷热分析</a></td>
<td>·<a class="fcB1000B" href="/ssq/hqyl.html" id="hqyl">红球遗漏</a></td>
<td>·<a class="fcB1000B" href="/ssq/lqyl.html" id="lqyl">蓝球遗漏</a></td>
<td>·<a class="fcB1000B" href="/ssq/hzyl.html" id="hzyl">和值遗漏</a></td>
<td>·<a href="/ssq/ls.html" class="fcB1000B" id="ls">历史开奖号码</a></td>
</tr>
</table>
<script>
var href = document.location.href;
filename = href.substring(href.lastIndexOf("/")+1,href.lastIndexOf("."));
if(filename.indexOf("ls-") > -1) filename = "ls";
else{
if(document.getElementById(filename)){
document.getElementById(filename).className = "fc520";
}else{
filename = href.substring(0,href.lastIndexOf("/"));
filename = filename.substring(filename.lastIndexOf("/")+1,filename.length);
if(document.getElementById(filename)){
document.getElementById(filename).className = "fc520";
}
}
}
if(document.getElementById(filename)){
document.getElementById(filename).className = "fc520";
}
</script>
</td>
  </tr>
</table>

</td>
</tr>
<tr>
<td height="10"></td>
</tr>
</table>
<div id="zstTitle" >
<table cellpadding="0" cellspacing="1" width="100%" height="30" bgcolor="#cccccc" style="margin-bottom:10px;">
<tr><td background="http://data.starlott.com/search/trend/img/titleback.gif">
<img src="http://data.starlott.com/search/trend/img/icon.gif" width="24" height="20" /> <span class="fs14 fb">双色球基本走势图</span>   
<span class="fs12">显示最近：</span>
<script type="text/javascript">
function changeIssue() {
var url = window.location.href;
var count = document.getElementById("issueNumber").value;
var pathName = getName(url) + ".html";
var x = url.indexOf('.html');
var y = url.indexOf(pathName);
var name = pathName.split(".")[0];
if (name != 'lh5'&& name != 'lh4'&& name != '012'&& name != 'fd2'&& (name.substring(name.length - 1, name.length) == '0'|| name.substring(name.length - 1, name.length) == '1'|| name.substring(name.length - 1, name.length) == '2'|| name.substring(name.length - 1, name.length) == '3'|| name.substring(name.length - 1, name.length) == '4'|| name.substring(name.length - 1, name.length) == '5'|| name.substring(name.length - 1, name.length) == '6'|| name.substring(name.length - 1, name.length) == '7'|| name.substring(name.length - 1, name.length) == '8' || name.substring(name.length - 1, name.length) == '9')) {
url = url.substring(0, y) + count + ".html";
} else {
url = url.substring(0, x) + "/" + count + ".html";
}
document.location.href = url;
}
function getName(url) {
url = url || window.location.href;
url = url.match(/(?!=\/)[^\/]*(?=\.html)/);
return url ? url[0] : null;
}
function setUrlParam(url, param, v) {
var re = new RegExp("(\\\?|&)" + param + "=([^&]+)(&|$)", "i");
var m = url.match(re);
if (m) {
return (url.replace(re, function($0, $1, $2) {
return ($0.replace($2, v));
}));
} else {
if (url.indexOf('?') == -1) {
return (url + '?' + param + '=' + v);
} else {
return (url + '&' + param + '=' + v);
}
}
}

function getUrlParam(url, param) {
var re = new RegExp("(\\\?|&)" + param + "=([^&]+)(&|$)", "i");
var m = url.match(re);
if (m) {
return m[2];
} else {
return '';
}
}
</script>
<select id="issueNumber" onChange="changeIssue()">
<option value="10"  >
10期
</option>
<option value="20"  >
20期
</option>
<option value="30"  selected  >
30期
</option>
<option value="50"  >
50期
</option>
<option value="100"  >
100期
</option>
<option value="200"  >
200期
</option>
<option value="300"  >
300期
</option>
</select>
  <span id="ad1"></span> 
<input type="checkbox" id="checkbox2" name="checkbox2" value="checkbox" checked onclick="clickzhilian();"/>
      显示直连
      <input type="checkbox" name="checkbox3" value="checkbox" checked onclick="clickxielian();"/>
      显示斜连
      <input type="checkbox" name="checkbox4" value="checkbox" onclick="clickoddlian();"/>
      显示奇数斜连
      <input type="checkbox" name="checkbox5" value="checkbox" onclick="clickevenlian();"/>
    显示偶数斜连
        
<input type="checkbox" name="checkbox7" id="checkbox7id" onclick="showblueornot();"/>
显示蓝球
<input type="checkbox" name="checkbox8" value="checkbox" onclick="showextendornot();"/>
显示红球延伸区
<input type="checkbox" name="checkbox9" value="checkbox" onclick="showdatareaornot();"/>
显示数据区
</td></tr>
</table>
</div>
<div id="show"><div style="width:960px;height:300px;margin:0 auto">
<div id="chartLoading">走势图表正在加载中，请稍候.......</div>
</div>
</div>
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script language="javascript" src="js/getZSTData.js" type="text/javascript"></script>
<div class="ball" id="divYXid" style="display:none;" onMouseOver="showFengxi();" onMouseout="closeFengxi();">
          <ul>
            <li class="balltop" id="balltopid"><img src="http://data.starlott.com/search/trend/img/balltop.gif" /></li>
<li class="balltop2" id="balltop2id"><img src="http://data.starlott.com/search/trend/img/balltop.gif" /></li>
            <li class="ballright">
              <table width="440" height="48" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td width="65%" height="24"><span class="fs14 fb"><img src="http://data.starlott.com/search/trend/img/comm.gif" /> 预选号<span id="fengxiid"></span>综合分析</span></td>
                  <td width="35%">分析历史期数<span id="numclum"></span>期
                      <div class="x" onclick="closeFengxi();"><a href="javascript:void(null)"><img src="http://data.starlott.com/search/trend/img/x.gif" border="0" /></a></div></td>
                </tr>
                <tr>
                  <td height="4" colspan="2"></td>
                </tr>
                <tr>
                  <td height="1" colspan="2" bgcolor="#333"></td>
                </tr>
                <tr>
                  <td height="10" colspan="2"></td>
                </tr>
                <tr>
                  <td height="24" colspan="2"><div class="both">
                    <ul>
                      <li class="left fb">选择同出号：</li>
                      <li class="numanalysis" style="cursor:hand" onclick="showFXball('tc1','ballGreen2')"><span class="f14 fb fcfff" id="tc1"></span>(<span id="tcn1"></span>)</li>
                      <li class="numanalysis" style="cursor:hand" onclick="showFXball('tc2','ballGreen2')"><span class="f14 fb fcfff" id="tc2"></span>(<span id="tcn2"></span>)</li>
                      <li class="numanalysis" style="cursor:hand" onclick="showFXball('tc3','ballGreen2')"><span class="f14 fb fcfff" id="tc3"></span>(<span id="tcn3"></span>)</li>
                      <li class="numanalysis" style="cursor:hand" onclick="showFXball('tc4','ballGreen2')"><span class="f14 fb fcfff" id="tc4"></span>(<span id="tcn4"></span>)</li>
                      <li class="numanalysis" style="cursor:hand" onclick="showFXball('tc5','ballGreen2')"><span class="f14 fb fcfff" id="tc5"></span>(<span id="tcn5"></span>)</li>
                    </ul>
                  </div>
                      <div class="both">
                        <ul>
                          <li class="left fb">排除相斥号：</li>
                          <li class="numanalysis2" style="cursor:hand" onclick="showFXball('xc1','ballPreele')"><span class="f14 fb fcfff" id="xc1"></span>(<span id="xcn1"></span>)</li>
                          <li class="numanalysis2" style="cursor:hand" onclick="showFXball('xc2','ballPreele')"><span class="f14 fb fcfff" id="xc2"></span>(<span id="xcn2"></span>)</li>
                          <li class="numanalysis2" style="cursor:hand" onclick="showFXball('xc3','ballPreele')"><span class="f14 fb fcfff" id="xc3"></span>(<span id="xcn3"></span>)</li>
                          <li class="numanalysis2" style="cursor:hand" onclick="showFXball('xc4','ballPreele')"><span class="f14 fb fcfff" id="xc4"></span>(<span id="xcn4"></span>)</li>
                          <li class="numanalysis2" style="cursor:hand" onclick="showFXball('xc5','ballPreele')"><span class="f14 fb fcfff" id="xc5"></span>(<span id="xcn5"></span>)</li>
                        </ul>
                      </div>
                    <div class="both" id="missalyid">
                    </div></td>
                </tr>
              </table>
  <table width="440" cellpadding="0" cellspacing="0">
      <tr>
        <td height="10"></td>
        </tr>
      <tr><td class="fc666"><strong>同出号：</strong>某一期，在号码A出现的同时，号码B也同时出现，则号码B为号码A的同出号。<br />
      <strong>相斥号：</strong>某一周期内，2个或2个以上之间互相排斥的号码。</td>
      </tr></table>
            </li>
          </ul>
</div>
<div id="note">
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="border:1px solid #ccc; padding:10px; line-height:22px; color:#333;">
  <tr>
    <td><div >
<ul style="width:100%"><li class="footTop" style="width:99%"><img src="http://data.starlott.com/search/trend/img/bz.gif" />备注</li></ul>
<ul><li class="footBody">·一、二、三区：为了便于分析，把红球号码平均分3个区，第一区号码

是01-11，第二区是12-22，第三区是23-33。 <br />
  ·奇号连：前后两个号间隔为2，且号码都是奇数，这样的号码的组数，例如：01，03，07，09

，11，19则奇号连续为3，即01-03，07-09。 <br />
  ·偶号连：前后两个号间隔为2，且号码都是偶数，这样的号码的组数，例如：02，04，08，10

，12，20则偶号连续为3，即02-04，08-10。 <br />
  ·延伸区：为了便于分析红球01、02、03和31、32、33号码的斜连而设置。<br />
  ·和值：红球开奖号码的相加的和。<br />
  ·尾和：号码的尾数（个位）的和值。<br />
  ·奇偶：能被2整除为偶数，反之为奇数。 <br />
  ·除3余比：既012的比值，红球的开奖号码除以3的余数是0为0路，1路、2路类似。<br />
                               <span id="ad2"></span></li>
</ul>
</div></td>
  </tr>
</table>
</div>
</td>
</tr>
</table>

<table><tr><td></td></tr></table>
<div style="margin:0 auto;width:970px;">
<iframe src="/search/inc/footer.html" frameborder="0" scrolling="no" width="970" height="100"></iframe>
</div>

<script src="http://tongji.starlott.com/js/gstat.js" type="text/javascript"></script>
</body>
</html>
search/js/commontrend.js
search/trend/trend.css
search/trend/style.css
search/css/trend.css
search/js/shulian.js
js/jquery-1.3.2.min.js
js/getZSTData.js
======================
这7个文件，search/css/trend.css 这个不存在，其它的6个我都下到本地，并建相对应的文件放在对应的文件夹里了，可以，还是“走势图表正在加载中，请稍候.......”，并高手帮忙看看，还需做什么，才能正常显示？
這樣啊？LZ。打開那個網站，然後，用CTRL+S保存，這樣要省事點。
仔细看他代码,那里并不是一个图片来的,
而是一个<canvas>标签,
上网查了下,<canvas>是一个新的HTML元素，这个元素可以被Script语言(通常是JavaScript)用来绘制图形。例如可以用它来画图、合成图象、或做简单的(和不那么简单的)动画。<canvas>最先在苹果公司(Apple)的Mac OS X Dashboard上被引入，而后被应用于Safari。基于Gecko1.8的浏览器，例如Firefox 1.5，也支持这个新元素。元素<canvas>是WhatWG Web applications 1.0也就是大家都知道的HTML 5标准规范的一部分。
把getZSTData.js里面的内容改成下面的就可以了
var time = (new Date()).getMilliseconds();
var locationHref=location.href;
var d="data.starlott.com";
locationHref="http://data.starlott.com/ssq/jb.html";
$.getJSON(locationHref+'?time='+time+'&jsoncallback=?', show);
function show(data){
$("#show").html(data.key);
$("#ad1").html(ad1);
$("#ad2").html(ad2);
}