网站上的产品五星怎样做优化,资源共享课程网站开发毕业设计,html制作答题网页,网页设计案例大全将下面代码放在网站底部或者侧边栏#xff0c;主要是cssjs的代码#xff01;html格式#xff01;
在逛 Gitee、Github 等各大代码仓库时#xff0c;往往能看到以下这种徽章式的网页链接#xff0c;美观好看又方便#xff0c;那么这个徽章是如何制作出来的呢#xff1f;…
将下面代码放在网站底部或者侧边栏主要是cssjs的代码html格式
在逛 Gitee、Github 等各大代码仓库时往往能看到以下这种徽章式的网页链接美观好看又方便那么这个徽章是如何制作出来的呢本文就带大家制作属于自己的徽章式链接。
style
/*底部页脚css*/
.github-badge {display: inline-block;border-radius: 4px;text-shadow: none;font-size: 12px;color: #fff;line-height: 15px;background-color: #abbac3;margin-bottom: 5px
}
.github-badge .badge-subject {display: inline-block;background-color: #ffa500;padding: 4px 4px 4px 6px;border-top-left-radius: 4px;border-bottom-left-radius: 4px
}
.github-badge .badge-value {display: inline-block;padding: 4px 6px 4px 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px
}
.github-badge .bg-fen {background-color: #e76dcb
}
.github-badge .bg-red {background-color: #f55066
}
.github-badge .bg-green {background-color: #3bca6e
}.github-badge .bg-cai {background-image: -webkit-linear-gradient(
0deg, #3ca5f6 0%, #a86af9 100%);
/stylediv classgithub-badgespan classbadge-subject站点地图 /spana stylecolor:#fff hrefhttp://www.qqmu.com/ relexternal nofollow target_blankspan classbadge-value bg-redSitemap/span/a
/divdiv classgithub-badgespan classbadge-subject申请/spana stylecolor:#fff href/links relexternal nofollow target_blankspan classbadge-value bg-fen友情链接/span/a
/div div classgithub-badgespan classbadge-subject网站运行/spana stylecolor:#fff hrefhttp://www.qqmu.com/ relexternal nofollow target_blankspan classbadge-value bg-caiSPAN idspan_dt_dt stylecolor: #b5c4c3;/SPAN SCRIPT languagejavascriptfunction show_date_time(){
window.setTimeout(show_date_time(), 1000);
BirthDaynew Date(1/1/2024 23:32:13);
todaynew Date();
timeold(today.getTime()-BirthDay.getTime());
sectimeoldtimeold/1000
secondsoldMath.floor(sectimeold);
msPerDay24*60*60*1000
e_daysoldtimeold/msPerDay
daysoldMath.floor(e_daysold);
e_hrsold(e_daysold-daysold)*24;
hrsoldMath.floor(e_hrsold);
e_minsold(e_hrsold-hrsold)*60;
minsoldMath.floor((e_hrsold-hrsold)*60);
secondsMath.floor((e_minsold-minsold)*60);
span_dt_dt.innerHTMLfont stylecolor:#00ffffdaysold 天/font font stylecolor:#00ffffhrsold 时/font font stylecolor:#00ffffminsold 分/font font stylecolor:#00ffffseconds 秒/font;
}
show_date_time();/script/span/a
/div