您的位置:首页 > Web前端 > CSS

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

2012-05-22 12:49 579 查看
在视图文件加上这样一行代码:

<!--  设置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();
  }
)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: