Codeigniter CSS和Javascript文件用法

时间:2012-07-31 09:22:14

标签: css codeigniter

我正在用CI编写一个网页。我使用的是最新版本。我需要学习如何暗示CSS和Javascript文件。我使用nivoslider,jquery和许多css文件。我使用应用程序目录作为

+application
  +views
    +pages
     -home.php
    +templates
     -header.php
     -footer.php
+system
+user_guide. 

您能解释一下如何启用js和Css文件。我做了一个研究,但我的思绪被codeigniter的版本所震撼。 这是我的header.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN
     ""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Kırmızı Eğitim Merkezi</title>
        <meta name="description" content="Empire - XHTML Template" />
    <!-- CSS -->
    <link href='./fonts/sansation.css' rel="stylesheet" type="text/css" />
    <!-- Get any font from here easily: http://www.google.com/webfonts -->
    <link href="./css/style.css" rel="stylesheet" type="text/css" />
    <link href="./fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" 
          type="text/css" />
    <link href="./css/nivo-slider.css" rel="stylesheet" type="text/css" />

    <!-- UPDATE BROWSER WARNING IF IE 7 OR LOWER -->
    <!--[if lt IE 8]><link href="css/stop_ie.css" rel="stylesheet" 
         type="text/css" /><![endif]--><!-- JAVASCRIPTS -->
    <script type="text/javascript" src="./js/jquery.min.js">
    </script><script type="text/javascript" 
         src="./js/jquery-ui-1.8.17.custom.min.js">
    </script><script type="text/javascript" 
         src="./fancybox/jquery.fancybox-1.3.4.pack.js">
    </script><script type="text/javascript" src="./js/jquery.nivo.slider.js">
    </script><script type="text/javascript" src="./js/jquery.bgslider.js">
    </script><script type="text/javascript" src="./js/preloader.js">
    </script><script type="text/javascript" src="./js/farbtastic.js">
    </script><script type="text/javascript" src="./js/basic.js">

    </script>

你能建议我使用它们吗?

1 个答案:

答案 0 :(得分:3)

首先,您需要将JS和CSS文件放在以下位置:

+ assets
   + js
   + css

然后你需要打电话给他们:

<link href='<?php echo base_url(); ?>assets/css/cssfile.css' rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery.min.js">