没有合适的资源?快使用搜索试试~ 我知道了~
CI框架下JSCSS文件路径的设置
5星 · 超过95%的资源 需积分: 10 99 下载量 83 浏览量
2012-11-27
12:04:59
上传
评论 1
收藏 1KB TXT 举报
温馨提示
试读
2页
ci框架下,样式,图片,js等路径的写法
资源推荐
资源详情
资源评论
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'>");
在视图文件加上这样一行代码:
<!-- 设置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'>");
loyating
- 粉丝: 0
- 资源: 7
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
- 3
前往页