jquery怎么实现鼠标移动上去变成其他的文字

kety1222 发布于 2014/12/09 13:22
阅读 1K+
收藏 0

            <li>
            <div class="cpt"><img src="images/cp01.jpg"></div>
            <h2>我不要转换文字</h2>
            <div class="hr1"></div>
            <h3>我也不要转换文字</h3>
            <h3>专为转换文字打造打造</h3>
            <h3>价值:111元</h3>
            <div class="jif00 jif01">200积分</div>
            </li>
            <li>
            ......
            <div class="jif00 jif01">200积分</div>
            </li>
            <li>
            ......
            <div class="jif00 jif01">200积分</div>
            </li>


JQ
        $(function () {
            $(".jif01").hover(
            function () {
                $(this).addClass("orange").text('马上兑换')
            },
            function () {
               $(this).removeClass("orange").text('200积分')
            })
        });


问题是:有很多<li>标签,鼠标移上去,显示马上兑换,鼠标移开,显示相应的积分,相应的积分以前的div文字就有,不想写很多个同样的,                              $(this).removeClass("orange").text('200积分')   ,在text('200积分')如何在鼠标移开的时候,显示以前的文字,不单独写啊,我试了 text($(this).text())不成

加载中
0
朱宏青
朱宏青

天!排版一下吧!

0
形参思
形参思
你写hover效果的时候把值取出来存在一个全局变量里面,如果用户执行了立即兑换这一操作 就把这个变量初始化 
0
GodByeWord
GodByeWord
啊!我的眼睛
0
酷酷的就
酷酷的就

onmouseover

onmouseout

返回顶部
顶部