在将文本 div 恢复为默认值时,此代码不起作用。我有 12 个链接,除了在悬停之前将文本返回到默认内容外,一切正常
查询:
<script type="text/javascript">
$(document)
.ready(function () {
$("#MenuBar1 li")
.mouseover(function () {
$("#back")
.attr("src", $(this)
.data("img"));
$('.description')
.text($(this)
.data('description'));
})
.mouseout(function () {
$("#back")
.attr("src", $("#back")
.data("original"));
$('.description')
.text($('.description')
.data('change'));
});
});
</script>
HTML:
<div style="width: 357px; position: relative; top: -357px; left: 5px;"
id="content">
<img src="http://6/images/pic1.jpg" alt="logo's" width="357"
height="241" id="back" data-original="http://64.197.156.235/images/pic1.jpg"
/>
</div>
<div id="change" class="description"
style="background-color: #CCC;
width: 338px;
position: relative;
top: -359px;
left: 5px;
padding: 15px 10px 15px;
color: #414141;
font: arial, Trebuchet MS; height: 266px;">
change text for each link with each picture then set back to default
</div>