<head>
<title>鼠标划过表格行变色－简洁实现</title>
<style type="text/css">
#tb{width:666pxborder-collapse:collapseborder:1px solid #EEEfont-size:14px}
#tb th{background:#EEEborder-bottom:1px solid #CCCpadding:4px}
#tb td{border:1px solid #EEEpadding:4px}
</style>
</head>
<body>
<table id="tb">
<tr>
<th>商品名称</th>
<th>单价</th>
<th>库存数量</th>
<th>货位</th>
</tr>
<tr>
<td>丁学最喜欢的仙四豪华版-菱纱版</td>
<td>139</td>
<td>10000000</td>
<td>A12-253</td>
</tr>
<tr>
<td>仙四豪华版-梦璃版</td>
<td>139</td>
<td>10000000</td>
<td>A12-254</td>
</tr>
<tr>
<td>仙四普通版-首发</td>
<td>69</td>
<td>10000000</td>
<td>A12-255</td>
</tr>
</table>
<script type="text/javascript">
var obj=document.getElementById("tb")
for(var i=0i<obj.rows.lengthi++){
obj.rows[i].onmouseover=function(){this.style.background="#0EF"}
obj.rows[i].onmouseout=function(){this.style.background=""}
}
</script>
</body>
</html>
人其实都不笨，想从事前端的人肯定都知道前端是个啥东西，接下来就先从基础的技能培养开始就行了。1. 首先，前端最基础的就是html，js，css，这三项的基本功必须扎实。入门的时候推荐三个网站
*w3school， w3cshool,很零碎的知识点，可以片段化的练习代码
*最体系最负责的前端在线教学网站如果你想系统的入门前端，而且比较懒不想看文字，那可以上攻城课堂看看，有很体系化的前端视频教程 ，课后还有小练习
*codeacademy边学边练，也不错
2. 有了基本的html，js，css之后当然就要开始堆页面了，因为实操才是硬道理，不管书看了多少，视频看了多少，不练其实你还是啥都不会。可以拿知乎这个网站的页面作为学习的对象，比如从注册登录页开始，慢慢仿着做，然后做个人主页，等等。 当你把知乎的大的页面都仿过之后，那么你的基础的做页面的水平就相当不错了
3. 要开始接触前端的开发框架，类库。 最常用的无非是jquery，bootstrap，grunt这些工具。把之前做知乎的例子重新撸一遍，原生的js换成jquery等等，相当是还是通过做项目的方式来熟悉这些东西。
4. 再接来下要进阶就是往js方向深挖
