JS下载附件源码
<style> #fengexuxian{border-top:1px dashed #CCC;height:1px;overflow:hidden;margin-top:5px;margin-bottom:5px} .page-content {} .page-content-intro {float:left;width:400px;} .main-article .content-wrap {padding:30px 0 30px 20px;margin-bottom:15px;border-bottom:2px solid #0b588c;box-shadow:0 1px 0 #ccc;} .main-article .title {font-size:24px;color:#222;margin-bottom:15px;} .main-article .meta {color:#666;margin-bottom:25px;} .main-article .meta .ico, .time-count-down .ico, .down-url-wrap .ico, .main-article .down-url-wrap .sbtn .ico, .main-article .comment-div .ctitle .ico, .main-article .commentrespond .zsmiley .ico, .main-article .comment-quickreply-item .zsmiley .ico, .singlepage-scroll-item a, .main-article .share-div .digg .sbtn .ico, .main-article .share-div .digg .info .handico {display:inline-block;*display:inline;*zoom:1;width:14px;height:11px;margin-right:5px;background:url(http://comment.bjcnc.img.sohucs.com/pC8ahIK_png) no-repeat;} .main-article .meta .time {} .main-article .meta .author {margin-left:15px;} .main-article .meta .author .ico {width:11px;} .main-article .meta .author a {color:#2c3fb0;text-decoration:underline;} .main-article .meta .view {margin-left:15px;} .main-article .meta .view .ico {width:10px;height:6px;background-position:0 -13px;vertical-align:2px;} .main-article .meta .view b {font-weight:400;color:#2c3fb0;margin:0 5px;} .main-article .meta .comment {margin-left:15px;} .main-article .meta .comment .ico {background-position:0 -22px;} .main-article .meta .comment b {font-weight:400;color:#2c3fb0;margin-right:5px;} .main-article .content-intro {font-size:14px;} .main-article .content-intro a {color:#2c3fb0;} .main-article .content-intro h1 {padding:3px 10px;font-size:20px;color:#fff;background-color:#0b588c;} .main-article .content-intro h2 {padding:3px 10px;font-size:18px;color:#444;background-color:#d6d6d6;} .main-article .content-intro blockquote {border:1px solid #e9e9e9;border-left:4px solid #0b588c;font-size:14px;color:#0b588c;background-color:#fff;} .main-article .content-intro img {max-width:100%;height:auto;} .main-article .time-count-down {margin:15px 0 20px;font-size:20px;color:#222;} .main-article .time-count-down .ico {width:18px;height:18px;background-position:0 -53px;visibility:-3px;} .main-article .time-count-down b {color:#d00000;font-weight:400;} .main-article .time-count-down .tm {color:#cc1b1b;margin:0 5px;} .main-article .time-count-down .jtime {margin:0 2px;} .main-article .time-count-down .jtime .dd {color:#cc1b1b;margin:0 5px;} .main-article .time-count-down .jtime .hh-1, .main-article .time-count-down .jtime .mm-1, .main-article .time-count-down .jtime .ss-1 {color:#cc1b1b;margin-left:5px;} .main-article .time-count-down .jtime .hh-2, .main-article .time-count-down .jtime .mm-2, .main-article .time-count-down .jtime .ss-2 {color:#cc1b1b;margin-right:5px;} .main-article .keyword {margin-bottom:0;} .main-article .keyword b {color:#525252;font-weight:400;} .main-article .keyword a {color:#525252;margin-right:6px;} .main-article .down-url-wrap {margin-bottom:25px;} .main-article .down-url-wrap .tit {margin-bottom:15px;font-size:14px;color:#0b588c;font-weight:700;} .main-article .down-url-wrap .ico {width:15px;height:15px;background-position:0 -36px;vertical-align:-2px;} .main-article .down-url-wrap .sbtn {position:relative;z-index:1;display:inline-block;*display:inline;*zoom:1;height:37px;line-height:37px;padding-left:50px;padding-right:20px;margin-right:10px;margin-bottom:10px;border:1px solid #d7d7d7;border-width:1px 1px 4px;font-size:14px;font-weight:700;color:#0b588c;text-decoration:none;-moz-transition:none;-webkit-transition:none;-o-transition:none;transition:none;border-radius:2px;} .main-article .down-url-wrap .sbtn .ico {position:absolute;z-index:2;left:11px;top:14.5px;width:12px;height:8px;font-size:0;background-position:-63px -166px;} .main-article .down-url-wrap .sbtn .line {position:absolute;z-index:2;left:32px;top:0;height:37px;width:1px;background-color:#d7d7d7;} .main-article .down-url-wrap .sbtn:hover {background-color:#0b588c;border-color:#0b588c #0b588c #0b4972;color:#fff;} .main-article .down-url-wrap .sbtn:hover .ico {background-position:-80px -166px;} .main-article .down-url-wrap .sbtn:hover .line {background-color:#0b588c;} .main-article .share-div, .main-article .appraise-div, .main-article .newspage-nav, .main-article .comment-div {padding-top:20px;border-top:1px solid #ccc;margin-top:20px;} .main-article .newspage-nav {} .main-article .newspage-nav p {margin-bottom:10px;font-size:14px;} .main-article .newspage-nav a {color:#333;} </style> <div id="fengexuxian"> </div> <div class="page-content-intro main-article"> <div class="down-url-wrap"> <h3 class="tit"> <i class="ico"></i>文章附件 </h3> <a href="#down" onclick="window.open('https://shunnet.pipipan.com/fs/11135249-375639565');return false;" class="sbtn" title=""><i class="ico"></i><i class="line"></i>城通网盘</a> <a href="#down" onclick="window.open('http://bk.shunleite.com');return false;" class="sbtn" title=""><i class="ico"></i><i class="line"></i>顺顺博客</a> </div> </div>网站下方有演示代码,可自行调试
发表评论