我对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>