easyui的tooltip使用

蒯卓君
2023-12-01


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>JSDoJSON</title>
    <link rel="stylesheet" type="text/css" href="easyuiStu/css/easyui.css">
    <link rel="stylesheet" type="text/css" href="easyuiStu/css/icon.css">
    <script type="text/javascript" src="easyuiStu/js/jquery-1.10.1.js"></script>
    <script type="text/javascript" src="easyuiStu/js/jquery.easyui.min.js"></script>
      
 
</head>
<body>
    <h2>Basic Tooltip</h2>  
    <div class="demo-info">  
        <div class="demo-tip icon-tip"></div>  
        <div>Hover the links to display tooltip message.</div>  
    </div>  
    <div style="margin:10px 0;"></div>  
    <p>The tooltip can use each elements title attribute.  
    <a href="#" title="This is the tooltip message." class="easyui-tooltip">Hover me</a> to display tooltip.  
    </p>  
</body>
</html>
 类似资料: