扫码关注官方订阅号
请问p是个链接,鼠标移上去能出现一个p,比如查看更多按钮,怎么做?
走同样的路,发现不同的人生
监听mouseenter事件,然后显示p或按钮就好了啊
使用 css 的 hover
css
hover
/* 1.css */ .more{display:none}; p:hover .more{display:block}
//2.js $('p').hover(function(){ $('.more').show(); })
http://jsbin.com/tiqenecata/e...
html:<p>
<p class="a">假如我是一个链接</p> <p class="b">点我查看更多</p>
<p>
js(加载jQuery库):
$(function(){
$(".b").css("display","none"); //初始化隐藏按钮 $(".a").hover(function(){ //鼠标移入移出函数 $(".b").css("dispaly","block") //移入显示 },function(){ $(".b").css("dispaly","none") //移出隐藏 })
})
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
监听mouseenter事件,然后显示p或按钮就好了啊
使用
css
的hover
http://jsbin.com/tiqenecata/e...
html:
<p>
<p>
js(加载jQuery库):
$(function(){
})