整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
品|開源中國
Google Fonts 是一個由 1451 個開源字體系列（截止 2022 年 9 月）和 API 組成的庫，這包括免費和開源的字體系列、用于瀏覽字體庫的交互式 Web 目錄，以及通過 CSS 和 Android 使用字體的 API。Google Fonts 最早于 2010 年推出，隨后還進行了多次改版。
近日 Google Fonts 官方社交平臺發布推文表示：
我們為 Google Fonts 字體庫添加一些新的字體，它們都是彩色字體，這只是 COLRv1 文件格式的開始，支持漸變、自定義調色板等。
雖然你不一定熟悉彩色字體（color fonts）這個概念，但其實你每天都在使用它們，例如表情符號 emoji 就屬于彩色字體。彩色字體可以在字體文件中指定顏色，一個字形還可以有多種顏色。非彩色字體（即大多數現有字體）就不具有這些特點。
正如上面所說，表情符號是彩色字體最明顯的使用案例，但是字體設計師們也在基于最新的 COLRv1 格式來制作更多極具表現力和可定制的字體。
COLRv1 是 OpenType 1.9 標準的一部分，也是一種二進制矢量格式（與過去的位圖彩色字體不同），這意味著可以對字體進行縮放而不會使其變得像素化。通過對字形進行分層，然后在類似的字形中重復使用這些層，還可以節省文件大小。
目前 Google 已經在 Chrome、Android 中增加了對 COLRv1 的支持。
此次 Google Fonts 字體庫新增的彩色字體共有 9 種，它們均符合 COLRv1 格式，這 9 種字體分別為 Reem Kufi Ink、Reem Kufi Fun、Aref Ruqaa Ink、Amiri Quran、Cairo Play、Blaka Ink、Noto Color Emoji、Bungee Spice、Nabla，其中前 6 種字體跟我們的關系都不大，它們主要是針對阿拉伯語而設計的字體，后 3 種包含了 2 種拉丁顏色字體，以及基于最新的 Unicode 15 標準制作的全矢量顏色表情符號。
感興趣的開發者和設計師現在就可以在 Google Fonts 上嘗試并下載所有 9 種新的彩色字體了。
析
1. 用到新的鼠標事件鼠標經過onmousemove鼠標離開onmouseout
2. 核心思路：鼠標經過tr行，當前的行變背景顏色，鼠標離開去掉當前的背景顏色
3. 注意：第一行（theab里面的行）不需要變換顏色，因此我們獲取的是tbody里面的行
源碼如下
效果圖
單隔行變色:
<html>
<head>
<meta charset="utf-8">
<title>表單隔行變色</title>
<script>
window.onload=function ()
{
var oTab=document.getElementById('tab1');
//alert(oTab.rows.length);
for(var i=0;i<oTab.tBodies[0].rows.length;i++)
{
if(i%2)
{
oTab.tBodies[0].rows[i].style.background='';
}
else
{
oTab.tBodies[0].rows[i].style.background='#CCC';
}
}
};
</script>
</head>
<body>
<table id="tab1" border="1" width="500">
<thead>
<td>ID</td>
<td>姓名</td>
<td>年齡</td>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Blue</td>
<td>27</td>
</tr>
<tr>
<td>2</td>
<td>張三</td>
<td>23</td>
</tr>
<tr>
<td>3</td>
<td>李四</td>
<td>28</td>
</tr>
<tr>
<td>4</td>
<td>王五</td>
<td>25</td>
</tr>
<tr>
<td>5</td>
<td>張偉</td>
<td>24</td>
</tr>
</tbody>
</table>
</body>
</html>
表格隔行變色和鼠標移入高亮
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
