本文示例源代码或素材下载

　　微软为我们这些学习和使用slilverlight的编程人员提供了一个漂亮的官方网站——http://silverlight.net，整体的蓝色风格以及其实用性吸引我们常去那里获取所需的信息。如果你注意观察它的首页，就可以发现它是一个个div模块通过css布局来向我们展现效果的，并没有太多的应用silverlight，而仅仅是那一个导航栏，是用silverlight制作的。

　　图片看不清楚？请点击这里查看原图（大图）。

　　这个导航栏简洁明快，主体透明，将底图的蓝色背景显现出来，并且模仿很多以div+css布局的网站，将它做得很有TopNav的味道（横向导航一般也是用ul+li并且配合display:inline来将一个本来纵向分布的列表变成水平导航栏，具体实现可以去网上查阅，我在这里就不多讲了）。

　　本来很想将这个silverlight程序的xap下载下来研究一下，不过我却发现它是用js做的，也许是从silverlight1.0开始就没有换过的原因，也许是考虑到兼容性的问题，总之它不是用我熟悉的xaml+cs写的，而js我几乎没有学过……

　　毛主席讲过，自己动手丰衣足食，我们也不能总寄希望于别人的成果，虽然微软的工程师们想让程序员变得越来越白痴，但是我们自己还不想过早得变成白痴。所以我决定，自己依照silverlight官网那个导航栏，自己做一个，当然是要用c#写啦。

　　下面，开始step-by-step：

　　1）这个程序要做成透明的，不多说，改两个地方