JSON进阶第一篇在PHP与javascript 中使用JSON(3)

来源：未知责任编辑：责任编辑发表时间:2015-01-01 13:15　点击:次

ASP PHP JSP JavaScript 网页设计 DIVCSS Ajax技术 HTML5

    });
    $("div").mouseleave(function(){ //mouseleave mouseout
        $("#article_link").hide();
        $(this).css("background-color","yellow");
    });
});
</script>
<style type="text/css">
div
{
    font-family:sans-serif;
}
</style>
</head>
<body>
{foreach $article_array as $key=>$value}
    <div id="div_{$key}">
        <h1>{$value['title']}</h1>
    </div>
{/foreach}
<p><span id="article_link" style="display:none;z-index:100"></span></p>
</body>
</html>
运行结果如下（Win7+IE9.0）：

当鼠标经过三个标题时，会触发mouseenter事件显示提示语句。

下一篇《JSON进阶第二篇AJAX方式传递JSON数据》将介绍如何用AJAX动态请求得到JSON数据并生成标题及提示语句。

转载请标明出处，原文地址：http://blog.csdn.net/morewindows/article/details/7197971