利用jquery.fullPage.js 和 scrolloverflow.min.js 实现滚屏效果

参考链接:https://blog.csdn.net/c11073138/article/details/79631036 /* 按着思路去search. */…

在线jquery.min.js、vue.min.js引用

麦子学院bootstrap实战项目官网，后台，jquery.singlePageNav.min.js ，wow.min.js，animate.css使用

1.源码笔记我的源码+笔记(很重要):链接: https://pan.baidu.com/s/1eSxgLV0 密码: 2pi2 感谢麦子学院项目相关视频:链接: https://pan.baidu.com/s/1eR2qnv0 密码: 8z9x 2.部分页面展示 3. 满意的效果插件记得导入插件文件 <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> &…

html5shiv.js and respond.min.js

因为用到这两个插件,所以记录下来.. html5shiv:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题. respond.min:让不支持Css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询. 由于IE6/IE7/IE8还有很大一部分用户,为了让网站浏览者都能正常的访问HTML5网站,故这两种方案还是需要的, 下面是两个解决方法的cdn地址写法: <!--[if lt IE 9]> <script src="//cdn.…

让IE系列支持HTML5的html5shiv.js和respond.min.js

HTML5越来越成为主流,被广大搜索引擎所使用,但IE对HTML5的支持却常被人唾弃. 解决方案有两种: 1.为网站创建多套模板,通过程序对User-Agent的判断给不同的浏览器用户显示不同的页面,比如优酷网就是采用的这种模式.(缺点:工程量大) 2.使用javascript来使不支持HTML5的浏览器支持html标签.是大部分网站采用的方式.具体方法如下: 在head头部添加如下代码即可 …

html5shiv.min.js 和 respond.min.js 作用（bootstrap做IE低版本兼容时需要用到这两个插件）

1. html5shiv.min.js解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题. respond.min.js让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询. <!--[if lt IE 9]> <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script…

html5shiv.js和respond.min.js

做页面常用的东西,写这里用的时候省点去找了... html5shiv:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题. respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询. 由于IE6/IE7/IE8还有很大一部分用户,为了让网站浏览者都能正常的访问HTML5网站,故这两种方案还是需要的, 下面是两个解决方法的cdn地址写法: <!--[if lt IE 9]> <script src="…

html5shiv.js和respond.min.js的作用

html5shiv:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题. respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询. 由于IE6/IE7/IE8还有很大一部分用户,为了让网站浏览者都能正常的访问HTML5网站,故这两种方案还是需要的, 下面是两个解决方法的cdn地址写法: <!--[if lt IE 9]> <script src="//cdn.bootcss.com/respond…

【IE低配杀手】html5shiv.js和respond.min.js

HTML5现在越来越流行了,但是一遇到IE低版本浏览器就傻眼了,今天整理了一下一些解决办法. html5shiv:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题. respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询. 由于IE6/IE7/IE8还有很大一部分用户,为了让网站浏览者都能正常的访问HTML5网站,故这两种方案还是需要的下面是免费的CDN地址 <!--[if lt IE 9]> <scr…

html5shiv.js和respond.min.js作用说明(IE9及以下兼容)

一.在web端页面开发过程中基本都会需要解决的问题(IE兼容): 1.解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题. 2.让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询. 由于IE6/IE7/IE8还有很大一部分用户,为了让网站浏览者都能正常的访问HTML5网站,故这两种问题还是需要解决的二.解决方案很简单(在head标签里添加如下代码就行了): <!--[if lt IE 9]> <script src=&quo…

js手机滚屏效果

原文地址:https://github.com/yanhaijing/zepto.fullpage 第一步:基于移动端的浏览体验,在头部添加浏览器渲染的分辨率 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 第二步:引入相关文件 <link rel="stylesheet"…

jquery实现自动滚屏效果，适用用公告新闻等滚屏

从网络上找到的例子,自己做了下扩展,原示例是向上滚动,扩展了一个向下滚动的方法: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>滚屏实验</title> <style ty…

jquery缓存使用jquery.cookies.2.2.0.min.js

$.cookies.set(key, obj, { hoursToLive: 2}); key标识的键 , obj存入的值可以缓存json对象, hoursToLive 缓存小时数 $.cookies.get(key); 根据key获取缓存的值…

js实现双击滚屏效果

<body onDblClick="s=setInterval('scrollBy(0,2)',50)" onMousedown="clearInterval(s)" onload="s=0;">…

利用jquery.form.js实现将form提交转为ajax方式提交的方法（带上传的表单提交）

提供一种方法就是利用jquery.form.js. (1)这个框架集合form提交.验证.上传的功能. 核心方法 -- ajaxForm() 和 ajaxSubmit() $('#myForm').ajaxForm(function() { alert("提交成功!欢迎下次再来!"); }); $('#myForm2').submit(function() { $(this).ajaxSubmit(function() { alert("提交成功!欢迎下次再来!")…

MyEclipse的JQuery.min.js报错红叉解决办法

MyEclipse的JQuery.min.js报错红叉解决办法 1.选中报错的jquery文件"jquery-1.2.6.min.js".2.右键选择 MyEclipse-->Exclude From Validation .3.再右键选择 MyEclipse-->Run Validation 即可.…

下载个jquery-easyui-1.3.0使用，把他导入到myeclipse10里，jquery-1.7.2.min.js报错。错误如下， Syntax error on token "Invalid Regular Expression Options", no accurate correc

1.选中报错的jquery文件“jquery-1.2.6.min.js”.2.右键选择 MyEclipse-->Exclude From Validation .3.再右键选择 MyEclipse-->Run Validation 即可.…

jquery动画切换引擎插件 Velocity.js 学习02

案例实践: 第一页会以动画形式进入页面: 点击进入按钮时,第一页以动画消失,第二页以动画形式进入,同时四张图片也定义从小到大的动画形式: 第二页关闭按钮点击时,先是四张图片以缩小动画消失,然后第二页以动画形式消失,第一页以动画形式进入. …

js-页面需展示大量图片时，采用lyz.delayLoading.min.js，图片在屏幕时加载显示

本文本内容拷贝至:https://blog.csdn.net/xuanwuziyou/article/details/48199123 当一个网页中有大量图片时,浏览器会逐个去下载这些图片,等全部下载完毕再执行其它操作,而浏览器本身的http请求的最大并发数量(通常是2个,最多的也只是8个)又限制了全部图片完成下载的时间,这样网页的速度会很慢,导致很差的用户体验. 一个好的实践是当用户向下滚动页面时,在图片出现在用户的可视范围内的时候,去请求相应图片并加载,比如淘宝的页面,这样按需加载图片可省去…

JavaScript--jquery.min.js文件

/*! jQuery v1.12.3 | (c) jQuery Foundation | jquery.org/license */ !function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuer…

angularjs中 *.min.js.map 404的问题

初次使用AngularJS,在chrom调试的时候,出现如下问题: GET http://localhost:63342/luosuo/visitor/js/lib/angular-animate.min.js.map 404 (Not Found) register.html:1 GET http://localhost:63342/luosuo/visitor/js/lib/angular-route.min.js.map 404 (Not Found) 百度之,原因如下: 问题解决了的感觉…

echarts.min.js的引入

(1)使用地址引入 <script src="https://cdn.bootcss.com/echarts/3.7.1/echarts.min.js"></script> (2)下载所需js然后再引入 <script src="/resources/echarts.min.js"></script> echarts.min.js的下载需要到echart官网--->下载---->在线定制--->选择需…

利用jquery的ajax实现跨域，内部其实是jsonp协议了，不是XHRhttp协议

一.同源策略要理解跨域,先要了解一下“同源策略”.所谓同源是指,域名,协议,端口相同.所谓“同源策略“,简单的说就是基于安全考虑,当前域不能访问其他域的东西. 一些常见的是否同源示例可参照下表: 在同源策略下,在某个服务器下的页面是无法获取到该服务器以外的数据的.例如我们在自己的网站通过ajax去获取豆瓣上https://developers.douban.com/wiki/?title=api_v2提供的接口数据.这里我们以搜索图书为例,参数链接为:https://api.douban.co…

刚接触js不久，自己写的banner幻灯片效果。

对于我这种菜鸟来讲,刚接触项目.叫我用插件,其实我说插件太臃肿不想用,倒不如说我是看不懂那些插件...- -(更愿意自己写点看得懂的代码,顺便也是个学习的过程) 所以自己花了些时间,自己来写了个demo, 效果很简单.(求轻喷-_-) 下面我就直接贴上代码了 <!DOCTYPE HTML> <html lang="en"> <head> <meta http-equiv="Content-Type" content=&quo…

wow.js中各种特效对应的类名(滚动效果)

1.wow.js依赖于animate.css,首先在头部引用animate.css或者animate.min.css. <link rel="stylesheet" type="text/css" href="css/animate.min.css"> 2.在最底部引用wow.js或者wow.min.js,然后再下面再写一行javascript代码.(无需引用jQuery) <script type="text/jav…

JS -判断、监听屏幕横竖屏切换事件

通过监听window.orientationchange事件,当横竖屏切换事件时触发 <!doctype html> <html> <head> <title>Mobile Cookbook</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale…

Ajax的封装，以及利用jquery的ajax获取天气预报

1.Ajax的封装 function ajax(type,url,param,sync,datetype,callback){//第一个参数是获取数据的类型,第二个参数是传入open的url,第三个是用来操作post和get的参数, //第四个参数是同步或异步,第五个是后台传过来的数据类型,第六个是对界面进行操作的函数 var xml=''; if(window.XMLHttpRequest){//这四行代码是用来兼容iE6的 xml=new XMLHttpRequest; }else{ xml…