# 右侧悬浮弹窗可关闭 ``` <pre class="calibre15">``` <span class="token"><</span><span class="token">!</span><span class="token5">DOCTYPE</span> html<span class="token">></span> <span class="token"><</span>html lang<span class="token">=</span><span class="token4">"en"</span><span class="token">></span> <span class="token"><</span>head<span class="token">></span> <span class="token"><</span>meta charset<span class="token">=</span><span class="token4">"UTF-8"</span><span class="token">></span> <span class="token"><</span>meta name<span class="token">=</span><span class="token4">"viewport"</span> content<span class="token">=</span><span class="token4">"width=device-width, initial-scale=1.0"</span><span class="token">></span> <span class="token"><</span>title<span class="token">></span>发送<span class="token"><</span><span class="token">/</span>title<span class="token">></span> <span class="token"><</span>style<span class="token">></span> <span class="token"><</span><span class="token">/</span>style<span class="token">></span> <span class="token"><</span><span class="token">/</span>head<span class="token">></span> <span class="token"><</span>body<span class="token">></span> <span class="token"><</span>div id<span class="token">=</span><span class="token4">"ycxfxxk"</span> style<span class="token">=</span><span class="token4">"display: block;max-width: 392px;width: 392px;height: auto;z-index: 1000;border: 5px solid #1abc9c;right: 15px;position: fixed;bottom: 30px;background: #fff;"</span><span class="token">></span> <span class="token"><</span>div<span class="token">></span> <span class="token"><</span>img src<span class="token">=</span><span class="token4">"https://boke.yigujin.cn/img/abc/190823_ecs.png"</span> alt<span class="token">=</span><span class="token4">"Download"</span> width<span class="token">=</span><span class="token4">"110"</span> height<span class="token">=</span><span class="token4">"110"</span> style<span class="token">=</span><span class="token4">"float: left;position: absolute;left: -60px;top: -12px;border-radius: 50%;border: 5px solid #1abc9c;background: #fff;"</span> scale<span class="token">=</span><span class="token4">"0"</span><span class="token">></span> <span class="token"><</span>div style<span class="token">=</span><span class="token4">"max-width: 319px;float: right;margin-top: 5px;font-size: 14px;"</span><span class="token">></span>好消息！阿里云 <span class="token5">100</span><span class="token">%</span><span class="token5">CPU</span> 性能 <span class="token5">1</span> 核 <span class="token5">2</span>G1M 云服务器仅需 <span class="token"><</span>strong style<span class="token">=</span><span class="token4">"color: #f00;"</span><span class="token">></span><span class="token5">69.86</span> 元<span class="token">/</span>年<span class="token"><</span><span class="token">/</span>strong<span class="token">></span>，券后价仅需 <span class="token"><</span>strong style<span class="token">=</span><span class="token4">"color: #f00;"</span><span class="token">></span><span class="token5">210</span> 元<span class="token">/</span><span class="token5">3</span> 年<span class="token"><</span><span class="token">/</span>strong<span class="token">></span><span class="token"><</span><span class="token">/</span>div<span class="token">></span> <span class="token"><</span>div <span class="token2">class</span><span class="token">=</span><span class="token4">"link"</span> style<span class="token">=</span><span class="token4">"float: right;"</span><span class="token">></span><span class="token"><</span>a href<span class="token">=</span><span class="token4">"https://www.aliyun.com/1111/new?userCode=bfol0yvy&share_source=copy_link"</span> rel<span class="token">=</span><span class="token4">"nofollow noopener"</span> target<span class="token">=</span><span class="token4">"_blank"</span> rel<span class="token">=</span><span class="token4">"nofollow noopener"</span><span class="token">></span><span class="token"><</span>span style<span class="token">=</span><span class="token4">"color: #f00;"</span><span class="token">></span>【立刻前往了解】<span class="token"><</span><span class="token">/</span>span<span class="token">></span><span class="token"><</span><span class="token">/</span>a<span class="token">></span><span class="token"><</span><span class="token">/</span>div<span class="token">></span> <span class="token"><</span><span class="token">/</span>div<span class="token">></span> <span class="token"><</span>div style<span class="token">=</span><span class="token4">"position: absolute;top: -15px;right: -14px;text-align: center;width: 24px;line-height: 16px;background: #fff;color: #1abc9c;border: 3px solid #1abc9c;border-radius: 50%;font-size: 15px; cursor: pointer; padding-bottom: 2px;"</span><span class="token">></span><span class="token"><</span>a title<span class="token">=</span><span class="token4">"关闭"</span> onclick<span class="token">=</span><span class="token4">"this.style.display='none';document.getElementById('ycxfxxk').style.display='none'"</span> href<span class="token">=</span><span class="token4">"javascript:void(0)"</span><span class="token">></span>x<span class="token"><</span><span class="token">/</span>a<span class="token">></span><span class="token"><</span><span class="token">/</span>div<span class="token">></span> <span class="token"><</span><span class="token">/</span>div<span class="token">></span> <span class="token"><</span><span class="token">/</span>body<span class="token">></span> <span class="token"><</span><span class="token">/</span>html<span class="token">></span> ``` ```