我正在尝试编写一些有助于实现此目的的jQuery:
>页面上显示的文字:CA
>鼠标悬停时显示的文字:CALIFORNIA
不幸的是,我设法以错误的方式做到这一点,我知道我需要使用.hide()函数,但我无法弄清楚如何使用它.对不起,我对jQuery很新,只是试着让我的头脑.
这是我制作link的jfiddle,最好是文本从右边滑入.我尝试过使用span但是在不同的div中使用p标签似乎更好.据我所知,我需要将HTML全部放在一行,以摆脱CA和LIFORNIA之间的小空间.有人可能请你帮忙吗?
HTML:
CSS:
.state,.state-full {
display: inline-block;
cursor: pointer;
}
jQuery的:
$('.state').hover(function() {
$('.state-full').slidetoggle(100,'linear');
$('.state-full').display(100,'linear');
});
非常感谢!
最佳答案
您拥有的代码可以正常工作,您只需稍微修改HTML和CSS以使其更具语义.试试这个:
.state,.state-full { cursor: pointer; }
.state-full { display: none; }
.state span { float: left; }
$('.state').hover(function() {
$('.state-full',this).slidetoggle(100,'linear').display(100,'linear');
});
原文地址:https://www.jb51.cc/jquery/428655.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。