zoukankan      html  css  js  c++  java
  • 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();   } )

     

     

  • 相关阅读:
    VMware Workstation安装CentOs7固定ip地址
    使用阿里云oss
    使用Yapi展示你的api接口
    .net core使用MQTT
    CentOS 7服务器安装brook和bbr加速
    博客主题
    自定义控件
    winform数据绑定
    is as 运算符
    反射
  • 原文地址:https://www.cnblogs.com/whoamme/p/2513148.html
Copyright © 2011-2022 走看看