zoukankan      html  css  js  c++  java
  • jQuery图片在服务器上的路径问题

          用jquery写了段代码,目的是改变背景图片,在本机上运行没有错误,一旦部署到服务器上图片就显示不出来,我想是图片路径问题,但是在本机上图片路径是没有错的,后来在网上找,说是图片路径前要少写一个点,果然少写一个点就对了,在本机和服务器上显示都正常,但是不知道为什么。后来在网上查了下,发现问题了。 "./"表示根目录。"../"表示上一层目录。在服务器上要使用从根目录开始的相对路径。

    View Code
     1 $(document).ready(function () {
    2 $("#Overview").css("background-image","url(./images/WhiteButton.png)");
    3 $("#Overview div").show();
    4 $("#tab li").hover(function () {
    5 $("#tab li").css("background-image","url(./images/graybutton.png)");
    6 $("#tab ul div").hide();
    7 $(this).css("background-image","url(./images/WhiteButton.png)");
    8 $(this).children('div').show();
    9 });
    10 })


    代码和图片所在的文件夹

  • 相关阅读:
    java学习笔记4对象的初始化与回收
    java学习笔记2数据类型、数组
    java学习笔记3类与对象的基础
    java学习笔记5类的方法
    java学习笔记1开发环境平台总结
    BZOJ 4843
    SPOJ TTM
    BZOJ 4154
    POJ 3680
    半平面交模板 HDU 1469
  • 原文地址:https://www.cnblogs.com/leanfish/p/2264344.html
Copyright © 2011-2022 走看看