CI框架下JS/CSS文件路径的设置

在视图文件加上这样一行代码：

<!--  设置js和css访问图片路径 -->



<base href="<?php  echo base_url();?>"/>



<!--  设置js和css访问图片路径  end -->

就可以按照根路径添加  js和css文件，在css文件里图片路径写成相对路径即可，如:

<script src="data/js/jquery.min.js" type="text/javascript"></script>

<link href="data/css/admin/table.css" rel="stylesheet" type="text/css" />

而在css文件中，路径则可以使用相对路径：

.menu1{

　　font-size:14px;

　　font-weight:bold;

　　background-image:url(../images/admin/bg.gif);

}

在js文件中，路径可以使用绝对路径：

//左侧菜单的打开和关闭



$("div[id^='menu_']").toggle(


　　function(){

　　　　var $id = $(this).attr('id').split('_');

　　　　$('#span_'+$id[1]).html("<img src='data/images/admin/close.png'>");

　　　　$('#menu2_'+$id[1]).hide();

　　},



　　function(){

　　　　var $id = $(this).attr('id').split('_');    
　　　　$('#span_'+$id[1]).html("<img src='data/images/admin/open.png'>");

　　　　$('#menu2_'+$id[1]).show();

　　}

)