【WOW.js和animate.css让页面滚动时显示动画】教程文章相关的互联网学习教程文章

LNMP+discuz的搭建和nginx+php-fpm环境下php输出图片、js、css等文件问题解决【图】

一、fastCGI?  fastCGI是由CGI(common gateway interface,通用网关接口)发展而来,是http服务器(nginx、apache)和动态脚本语言(php)之间的通信接口。记住,fastCGI只是一个接口。  fastCGI的优点:fastCGI采用C/S结构,可以将http服务器和动态脚本解析服务器分离(二者可以部署在不同的服务器上),让http服务器专一处理静态请求和转发动态请求到脚本解析服务器;脚本解析服务器则专一处理动态脚本的请求。二、nginx+f...

网站使用layer.js,还需要引入CSS文件吗?【代码】【图】

看了一些教程,说引入js就行了但是,难道不需要引入Css吗还是搞一个模板代码,贴上来把。第一步,保证解压的,这两个文件放在同一个目录第二步,页面只需要引入layer.js就行了。为什么不引入css呢?难道是再JS中引用了? <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Docu...

web前端优化之css和js加载顺序(2)

前端基础类库Arale的创始人淘宝玉伯定义的加载和阻塞三定律如下:  定律一:资源是否下载依赖 JS 执行结果——JS 有可能会修改 DOM。典型的,可能会有 document.write。这意味着,在当前 JS 加载和执行完成前,后续所有资源的下载有可能是没必要的。这是 JS 阻塞后续资源下载的根本原因。  定律二:JS 执行依赖 CSS 最新渲染——JS 的执行有可能依赖最新样式。比如,可能会有 var width = $(‘#id‘).width(). 这意味着,JS 代...

用js实现css3效果的圆角方法【代码】

找在IE下实现css3效果的圆角时找到的一个实例,没有测试,不知道使用起来怎么样,有兴趣的朋友可以自己试一下:复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <title>在线演示 - LHGCALENDAR</title> <script type="text/javascript" src="http://www.qiuzhiquan.com/images/...

Respond.js让IE6-8支持CSS3 Media Query【代码】

Bootstrap里面就引入了这个js文件,从名字看出来是自适应的兼容。打开IE看了一下,效果挺好的,自适应的效果挺好的。Respond.js让不支持CSS3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。使用方式官方demo地址:http://scottjehl.github.com/Respond/test/test.html 1.在css中正常用 min/max-width media queries@media screen and (min-width: 480px){...styles for 480px and up go here} 2.引入respond.min.js,但要在...

HTML5全屏背景视频与 CSS 和 JS(插件或库)【代码】

译文原链接:http://codetheory.in/html5-fullscreen-background-video/前言:当网页载入时,自动播放的全屏背景视频 已经成为当前颇受欢迎的趋势。 就个人而言,我认为自动播放、质量好的视频会增加用户/客户的参与度。应该记住,视频的故事必须与品牌相关。 近年来,我们被FB和Twitter等社交网络上的大量视频所包围。 据研究由此引起了用户更多的参与。最近我不得不在一个网站上实现相同的功能,因此我决定构建一个用到 HTML5 视...

分别用html+css,js,jquery实现二级下拉列表【代码】

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>无标题文档</title><style type="text/css"> *{ margin:0px; padding:0px;}#menu{ background-color:#eee; width:600px; height:40px; margin:0 auto;}ul{ list-style...

解决SSM框架静态资源(js,css,image)无法加载的问题(< script > 加载失败)【代码】【图】

?首先验证自己的路径是否写错,按住ctrl键,点击你填写的路径,如果显示cannot find******,无法跳转到文件的话,说明你的路径写的有问题,自己通过加../来解决即可,如果自己的路径填写无误,那么再使用下面的几种方法.方法一 : springmvc的配置中添加静态资源过滤<mvc:default-servlet-handler/> 或者<mvc:resources location="/WEB-INF/jsp/js/" mapping="/js/**" /><mvc:resources location="/WEB-INF/jsp/css/" mapping="/css/**" /><...

PHP根据传入参数合并多个JS和CSS文件的简单实现

HTML(使用方法):复制代码代码如下:<link rel="stylesheet" type="text/css" href="cssmin.php?get=base,style1,style2,global&path=css/&v=20131023" /><script type="text/javascript" src="jsmin.php?get=jquery-1.6.4.min.js,minjquery.js,minjquery.ui.js,test.js,global.js&path=js/&v=20131023"></script>PHP:复制代码代码如下://输出JSheader ("Content-type:application/x-javascript; Charset: utf-8");if(isset($_GE...

经验分享:使用 Restyle.js 简化 CSS 预处理

Andrea Giammarchi的restyle.js是一个新的,基于JavaScript的CSS预处理器,能够运行在服务端(通过Node.js)或者浏览器中。它宣称自己是“一种简化的CSS方法”,能够生成CSS规则和属性的所有前缀变化,如果合适的话,自动插入到DOM中。  关于CSS预处理器基本没有什么不足之处,但Andrea表示还没有哪种轻量级的预处理器能够同时适用于服务端和客户端:在你认为“又一个CSS预处理器”之前,我想告诉你,我问过周围一些常见的、知名...

数字平滑 前端插件JS&CSS库【代码】【图】

CDN DEMO 拷贝可用; <!DOCTYPE html><link rel="stylesheet" href="https://cdn.bootcss.com/odometer.js/0.4.8/themes/odometer-theme-car.css"/><style> .odometer {font-size: 40px;}</style><script> window.odometerOptions = {format: ‘(ddd).dd‘ }; </script><script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script><script src="https://cdn.bootcss.com/odometer.js/0.4.8/odometer.min.js"></sc...

每天一个Js小demo之移动端全景图场景实现-全景装修图。主要知识点:css3,旋转角度检测

<!DOCTYPE html><html lang="en"><head><meta name="viewport" content="width=device-width,user-scalable=no" /><meta charset="UTF-8"><title>Document</title><style type="text/css">body,html { margin: 0; height: 100%; overflow: hidden; position: relative;}.wrap { position: relative; height: 100%;} .view,.boxZ,.box { position: absolute; left: 50%; top: 50%; -webkit-transform-style: preserve-3d; transform...

ASP.NET MVC4细嚼慢咽---(5)js css文件合并

MVC4增加了一些新功能,接下来,我们来研究下MVC4中的新增功能,我们在新建一个MVC4项目的时候,会发现在项目下多出了一个App_Start文件夹,文件夹下面有4个文件,BundleConfig.cs,FilterConfig.cs,RouteConfig.cs,WebApiConfig.cs,其中BundleConfig.cs文件就是我们这一节要讲的的文件。 众所周知,浏览器在向服务器发送请求的时候,请求的文件连接数量是有限制的。使用BundleConfig可以将多个文件请求和并成一个请求...

css实现点击滚动翻页的效果(无js)

复制代码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> dl { position:absolute; width:389px; height:154px; border:10px solid #eee; } dd { margin:0; width:389px; height:154px; overflow:hidd...

原生aspx页面如何引用公共js和css【图】

项目过程中遇到一个问题,每个页面需要引用很多的js和css文件,其中很多都是控件,而且大部分都是一样的,造成很多重复引用。针对这种情况,参考了mvc的BundleConfig,思路是建立一个公用的用户控件,直接在每个页面调用这个用户控件,通过不同的参数获取不同的引用文件,这种方式的好处就是大大减少了工作量,也规范了代码, 不会出现一个文件引用多次的情况了。具体实现如下:1、 新建一个用户控件:BundleConfig.ascx 2、前...