自从开始学习前端后，平时看到浏览器上的一些出彩的控件都想自己实现一下O(∩_∩)O，不知大家有没有这个感觉。接下来就和大家分享一个，原控件来自百度翻译右下方，大家仔细找找应该能找到，如图所示：感觉蛮有意思的，实现起来也不复杂，比较适合练手。好吧，废 ...
自从开始学习前端后，平时看到浏览器上的一些出彩的控件都想自己实现一下O(∩_∩)O，不知大家有没有这个感觉。接下来就和大家分享一个，原控件来自百度翻译右下方，大家仔细找找应该能找到，如图所示：
感觉蛮有意思的，实现起来也不复杂，比较适合练手。好吧，废话不多说了，直接上代码吧。
- html代码：
<!DOCTYPE html><html> <head> <meta charset = 'utf-8'/> <title>zoom</title> <link rel="stylesheet" type="text/css" href="zoom.css"/> </head> <body onload = "zoom()"> <div id = 'zoom'> <span title = "分享....."></span> <ul> <li title="QQ空间" class="li1"></li> <li title="腾讯微博" class="li2"></li> <li title="新浪微博" class="li3"></li> <li title="人人网" class="li4"></li> <li title="百度" class="li5"></li> <li title="豆瓣网" class="li6"></li> <li title="搜狐" class="li7"></li> <li title="开心网" class="li8"></li> </ul> </div> <script type="text/javascript" src = "zoom.js"></script> </body></html>
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com
原标题：模拟实现 百度翻译 右下方的可折叠的分享按钮列表
关键词：百度
*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：
admin#shaoqun.com
（#换成@）。
