工具提示不会起作用; div不会显示

时间:2014-10-28 01:13:47

标签: javascript tooltip

我对JavaScript很陌生,而且我正在练习制作工具提示。当然,我得到了文字,但不能用我的CSS中的内容来设置它。

我已经通过了这么多教程,而q& a试图找到答案,我仍然感到困惑。

我的代码中有什么突出的东西阻碍了我吗?

这是我的代码:

<head>
<style>
body {
background-color: gray;
}

.tooltip {
    background:blue;
    font-size:60px;
    height:70px;
    width:160px;
    padding:25px;
    color:black;
  }
</style>
</head>

<body>
<div id="demo">
<img src = "pic1.jpg" title="The tooltip text #1" />
</div>


<script type="text/javascript" language="Javascript" 
    src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.1.min.js"></script> 

<script type="text/javascript" language="Javascript" 
        src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js">
</script>

<script>
$(document).ready(function()
{

$("#demo img[title]").tooltip();

});
</script>

</body>

0 个答案:

没有答案