<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>動態股票信息</title>
<link type="text/css" rel="stylesheet" href="css/edit.css">
<script type="text/javascript" src="jslib/jquery-1.3.2.js"></script>
<script type="text/javascript" src="jslib/jqueryStock.js"></script>
</head>
<body>
<div id="300001"><a href="JQueryStock.html#">上證指數</a><span></span></div>
<div id="000001"><a href="JQueryStock.html#">浦發銀行</a><span></span></div>
<div id="stock">
<div id="yes">昨收：<span></span></div>
<div id="tod">今開：<span></span></div>
<div id="now">當前：<span></span></div>
</div>
</body>
</html>
var obj;
var sid;
$(function() {
var stockNode = $("#stock").css("border", "1px solid black")
.width("150px").css("position", "absolute").css("z-index", "99")
.css("background-color", "blue").css("color", "yellow");
stockNode.hide();
var as = $("a");
as.mouseover(function(event) {
var aNode = $(this);
var divNode = aNode.parent();
sid = divNode.attr("id");
updatediv();
//控制彈出框的位置
/*//1.找到當前鏈接的位置
var offset = aNode.offset();
//2.設置彈出框的位置
stockNode.css("left", offset.left + "px").css("top", offset.top + aNode.height() + "px");*/
//出現在鼠標的右下方
stockNode.css("left",event.clientX + 5 + "px").css("top", event.clientY + 5 + "px");
stockNode.show();
});
as.mouseout(function() {
stockNode.hide();
});
getInfo();
setInterval(getInfo, 1000);
});
function getInfo() {
$.get("GetStockInfo", null, function(data) {
//接收並解析json數據
obj = eval(data);
var szzs = obj["300001"];
var pfyh = obj["000001"];
/* for(var sotckid in obj){
var stock = obj[stockid];
}*/
var szspan = $("#300001").children("span");
szspan.html(szzs.now);
if (szzs.now > szzs.yes) {
szspan.css("color", "red");
} else {
szspan.css("color", "green");
}
var pfspan = $("#000001").children("span");
pfspan.html(pfyh.now);
if (pfyh.now > pfyh.yes) {
pfspan.css("color", "red");
} else {
pfspan.css("color", "green");
}
updatediv();
})
}
function updatediv() {
var stockobj = obj[sid];
for (var proname in stockobj) {
if (proname != "name") {
$("#" + proname).children("span").html(stockobj[proname]);
}
}
}
