邮箱附件下载弹出提示JS代码
1、新建html文档。
2、准备好需要用到的图标。
3、书写hmtl代艨位雅剖码。<div id="downloadPanel" styl髫潋啜缅e="position:absolute;top:20px;left:120px;width:160px;z-index:999;padding:6px 2px 6px 10px;border:1px solid #fb7;display:none;" class="infobar"> <img src="images/close.gif" class="right pointer"/> <div class="">下载方式：</div> <div style="padding:6px 0 0 0;"> <a id="downloadDirect">直接下载</a> <a id="downloadAgent" style="cursor:pointer;text-decoration:underline;">下载</a> <span class="addrtitle" style="display:none;" id="downloadQQDownload">安装<a href="#" target="_blank" >下载</a></span></div> <div class="addrtitle" style="padding:6px 0 0 0;"> (提取码：<span id="downloadCode">百度经验</span>) </div></div><div class="down_list"> <a id="downloadLink_001" title="" >百度经验在线客服代码</a><br/> <a id="downloadLink_002" title="" >百度经验tab标签下载</a><br/> <a id="downloadLink_003" title="" >百度经验相册代码</a><br/> <a id="downloadLink_004" >百度经验导航代码</a><br/></div>
4、书写css代码。html, body { font-size: 12px; line-height: 泌驾台佐30px; }img { border: none }a { color: #4d5d2c; text-decoration: underline; cursor: pointer; }.pointer { cursor: pointer; }.right { float: right }.right img { margin: 0 0 0 6px }.infobar { background: #fff9e3; border: 1px solid #fadc80; color: #743e04; margin-bottom: 10px; padding: 8px 20px 4px 20px; }
5、代码整体结构。
6、查看效果。
