admin管理员组文章数量:1794759
HBuilder
该功能仅展示鼠标移动做出显现的操作
代码如下：
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title><style>*{margin: 0;padding: 0;transition: 0.5s;}ul{list-style: none;opacity: 0;}a{text-align: center;width: 80px;display: block;}.more{padding: 5px 10px;color: #88f;}.more:hover{background: #aaa;color: #ccc;text-decoration: none;}.menu:hover>ul{opacity: 1;}</style></head><body><div class="menu"><a href="" class="more">更多产品</a><ul><li><a href="=889"><img src="img/a1.png" alt=""><p>浏览器</p></a></li><li><a href="/"><img src="img/a2.png" alt=""><p>网易云音乐</p></a></li><li><a href="/"><img src="img/a3.png" alt=""><p>多多看图</p></a></li></ul></div></body>
</html>
效果如下：
将鼠标靠近后：
并且点击对应图标，可以进入超链接（可以自由调解）
以上素材仅展示，并不代表唯一素材。
请自行随意调解不必纠结原元素。
本文标签： HBuilder
版权声明：本文标题：HBuilder 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1695312759a306527.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论