javascript - 关于鼠标hover的div信息展示效果
PHPz
PHPz 2017-04-10 15:58:47
[JavaScript讨论组]

来深夜报(rao)道(min)一下。
请教大大们两个鼠标hover的p效果问题。

第一个:鼠标hover之后左边出现信息栏。本来想用relative的,但想象毕竟是想象,relative好像不脱离文档流的,所以大家可以想象加了之后那“美好”的画面OTZ。还有什么比较好的方法?

第二个:当鼠标hover之后,我的想法是原p上下高度产生变化,之后文字再添加上去;或者是隐藏原有文字的p之后,translate(?)。但感觉这两个方法有点不靠谱。第一个,长度增加的方向只有一个;第二个,现在想起自适应都有阴影,觉得不太可行。所以看看各位有什么看法或者修改的意见,谢谢。

PHPz
PHPz

学习是最好的投资!

全部回复(1)
迷茫

第一个,我写个 demo 给你参考:http://codepen.io/nightire/pen/QjMLZL?editors=110

第二个,不想写了,给点提示吧。长度增加的方向只有一个……可以用不止一个 p 呀!自适应有阴影……学得不到家呗!其他的东西都能从第一个 demo 里学到,顶多就是为了效果再上点 animation 罢了。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号