jquery实现股票的各种效果

最新推荐文章于 2021-02-07 14:43:44 发布

zzh87615

最新推荐文章于 2021-02-07 14:43:44 发布

阅读量2.9k

点赞数

分类专栏： JavaScript 文章标签： jquery function stylesheet div html border

JavaScript 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<!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]);
        }
    }
}