我的代码 -
---
<ul>
<li id="d1"><a href="images/soluinfo1.jpg"><img src="images/menu_hosp.jpg" border="0"></a></li>
<li id="d2"><a href="images/soluinfo2.jpg"><img src="images/menu_edu.jpg" border="0"></a></li>
<li id="d3"><a href="images/soluinfo3.jpg"><img src="images/menu_enter.jpg" border="0"></a></li>
<li id="d4"><a href="images/soluinfo4.jpg"><img src="images/menu_retail.jpg" border="0"></a></li>
<li id="d5"><a href="images/soluinfo5.jpg"><img src="images/menu_health.jpg" border="0"></a></li>
<li id="d6"><a href="images/soluinfo6.jpg"><img src="images/menu_real.jpg" border="0"></a></li>
<li id="d7"><a href="images/soluinfo7.jpg"><img src="images/menu_tel.jpg" border="0"></a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
Jquery功能 -
function imgchange()
{
$('.smenu li').mouseover( function(){
var src = $(this).find('a').attr('href');
$('.hbg').css('background-image', 'url(' + src + ')');
});
}
Run Code Online (Sandbox Code Playgroud)
这是工作正常的背景图像正在改变,但我也想设置title图像的属性,以便当用户去那里时tooltipshoud come.like-
<img src="---" title="my tootip info" >
cly*_*yfe 10
function imgchange()
{
$('.smenu li').mouseover( function(){
var src = $(this).find('a').attr('href');
$('.hbg').css('background-image', 'url(' + src + ')');
$('.hbg').attr('title', 'my tootip info'); // <= DO THIS
});
}
Run Code Online (Sandbox Code Playgroud)
编辑
我想你正在制作某种幻灯片,并且$('.hbg')是幻灯片视图端口.
所以你应该为这个元素设置标题.我编辑了代码以反映这一点.