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

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM