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();   } )

 

 

 

posted @ 2012-05-22 12:49  WhoAmMe  阅读(11264)  评论(0编辑  收藏  举报