如何使用jquery设置图像标题属性?

时间:2010-06-29 09:37:04

标签: jquery

这里是我的代码 -

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

Jquery函数 -

function imgchange()
    {
        $('.smenu li').mouseover( function(){
        var src = $(this).find('a').attr('href');
        $('.hbg').css('background-image', 'url(' + src + ')');
        });     
    }

这是工作正常的背景图片正在改变,但我也想设置图像的title属性,以便当用户越过那里时tooltip shoud come.like-
<img src="---" title="my tootip info" >

2 个答案:

答案 0 :(得分: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

        });     
    }

EDIT
我想你正在进行某种幻灯片放映,$('.hbg')是幻灯片视图端口 所以你应该为这个元素设置标题。我编辑了代码以反映这一点。

答案 1 :(得分:0)

简短的回答:你不能用CSS做到这一点。

如果图像不存在且无法在CSS中设置,title属性应该传达信息。它需要成为HTML标记的一部分。