zoukankan      html  css  js  c++  java
  • ASP.NET MVC学习中记录下使用JavaScript和CSS层叠样式表的经历

    首先我是想要在ASP.NET MVC 5.0中使用从jQuery之家下载下来的插件。

    在下载了许多我觉得好用方便的插件之后,我在VS2017中新建了一个项目叫MVCTest,然后选择MVC模板,等待自动生成Home控制器和相关页面,如下图:

    然后我把自己下载的许多插件中的一个(jQuery图文卡片3D叠加轮播切换代码,这个效果后面会看到)zip包解压后得到的文件夹复制到MVCTest中的Views文件夹下,拷贝的内容是下图中红圈圈起来的地方:

    这是拷贝到MVCTest之后,两个红圈的Index.cshtml文件里面的代码被替换为插件中index.html中的所有代码。TestJQuery文件夹下的js文件夹、css文件夹、images文件夹、img文件夹都是原封不动拷贝过来的:

    根据我理解的复杂的css和js显示原理,我把很多种配置方式都试了一下:下图中八条画红线的地方的文件引用其实只引用了四个,因为我把一样的css文件和js文件都复制到对应的Contents文件夹和Scripts文件夹下了,只是放置的地方不同,所以分别做了引用,于是有八条引用,Views文件夹下的css文件夹和js文件夹都做了引用,Contents文件夹和Scripts文件夹也做了引用。分别是为了测试到底哪一个能显示出来;

    结果就是,启动调试后,两个页面都显示如下图(因为一样的,所以就只截一张图):

    其间,我分别一一对应的改了两个cshtml文件中的所有对图片,图标还有css和js文件的正确引用的地址,结果Views文件夹里Index.cshtml的执行结果还是如上图,而Home文件夹下的Index.cshtml执行出了正确的效果如下:

  • 相关阅读:
    蓝桥杯基础练习题4(16进制转8进制)2
    实验三
    文法
    用文法描述词法规则
    词法分析程序的功能
    个人对于编译原理的一些看法的。
    完成登录与注册
    javaScript基础
    css实例
    导航,头部,CSS基础
  • 原文地址:https://www.cnblogs.com/ericwonne1996wangqifan/p/8642110.html
Copyright © 2011-2022 走看看