为了账号安全,请及时绑定邮箱和手机立即绑定

你们在用html设计隐藏和显示的时候使用什么什么实现的

你们在用html设计隐藏和显示的时候使用什么什么实现的

具体的是:当你鼠标放上去的时候,立刻出现一个框架,里面有文本解释图片什么的,然后是移开的时候,会延迟几秒然后这个框架消失,大佬们用的是什么方法,只要将方法说一下就行,比如是hover或者onmouseover/nomouseout,或者是jquery的hover.function()什么的,然后写函数,具体的过几秒再消失你们是怎么写的,有的甚至是渐隐渐现,这个怎么实现的,基础有一些,能把主要的思路说一下就可以。
查看完整描述

3 回答

已采纳
?
骑驴的帅小伙

TA贡献16条经验 获得超7个赞

.title {
    opacity: 0;
    transition: 1s;
}

.title:hover div {
    opacity: 1;
}

手机码的,写个最基础版的吧……我是能用css一般不用js……

查看完整回答
1 反对 回复 2017-08-06
  • qq_巴黎的雨打湿东京的街_0
    qq_巴黎的雨打湿东京的街_0
    transition过渡效果可以这样直接用啊!我去,狭隘了!这个确实是渐隐渐现的效果,如果是鼠标移开,延迟1秒消失,而不是慢慢出现或者消失的话能弄不?哪个方法好,可以不用码代码,精要的说一下就行。
  • 骑驴的帅小伙
    骑驴的帅小伙
    移开延时的话,这个方法就不行了,可以考虑用js的定时器setTimeout 定时1秒后把style.display改成none…… 淡入淡出效果的话需要自己写函数改变opacity属性
  • 骑驴的帅小伙
    骑驴的帅小伙
    ……824331661试试
点击展开后面2
?
且听風吟

TA贡献1条经验 获得超0个赞

我得能用框架实现优先前端框架组件,需要个性细化考虑再手敲Jq。。。

查看完整回答
反对 回复 2017-08-06
  • 3 回答
  • 0 关注
  • 1872 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信