YII 框架导入 js加载失效问题

本人小白 才开始学习YII框架 在导入模板文件js的时候 出了问题 求大神解答

图片无法上传 我用代码描述

引入js文件 我用了两种方法都不行
<script type="text/javascript" href="assets/top/js/header.js"></script>
<?php <script type=\"text/javascript\" href=\"assets/top/js/header.js\"></script>?>

html部分代码:
<div class="cat_bd">
<div class="cat">
<h3><a href="">图像、音像、数字商品</a> <b></b></h3>
<div class="cat_detail">
<dl class="dl_1st">
<dt><a href="">电子书</a></dt>
<dd>
<a href="">免费</a>
<a href="">小说</a>
<a href="">励志与成功</a>
<a href="">婚恋/两性</a>
<a href="">文学</a>
<a href="">经管</a>
<a href="">畅读VIP</a>
</dd>
</dl>

js代码如下:
//导航菜单效果
$(".cat").hover(function(){
$(this).find(".cat_detail").show();
$(this).find("h3").addClass("on");
},function(){
$(this).find(".cat_detail").hide();
$(this).find("h3").removeClass("on");
});

这个js文件中的效果都失效了 文件引入没有出错 在网页上展示网页源代码 可以进入js文件查看
求大神解惑