JQuery插件supersized.js实现背景图片淡入浅出

【JQuery插件supersized.js实现背景图片淡入浅出】的更多相关文章

JQuery插件supersized.js实现背景图片淡入浅出

淡入浅出的网站背景图片切换,其实是引用了JQuery插件supersized,效果很炫吧.其实这个插件功能很强大,可以做很多图片类的效果.这些需要等待我们自己去探索. 下面是这个效果的代码只有一行: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <link rel="s…

全屏背景：15个jQuery插件实现全屏背景图像或媒体

动态网站通常利用背景图像或预加载屏幕,以保证所有资源都加载到页面上,在浏览器中充分呈现.现在很多网站都炫耀自己的图像作为背景图像全屏背景,追溯到旧的Flash网站却用自己的方式在HTML资源重布局. 本综述我们列出15最好的jQuery全屏背景图像的插件,可以帮助你增加你的图像到您的网站,让他们看起来惊人的美丽.这个插件创建一些华丽的背景,幻灯片,你的网站让他们美丽的动画和过渡. 1. MaxImage maximage 2.0是一个全屏背景slideshow utilizes jQuery的插…

幻灯展示jQuery插件supersized

主要特性: 能够自动修改图片大小适合浏览器的页面大小通过幻灯展示的循环背景可以动态加载并且可以设置变化方式核心版本可以支持仅仅需要背景变化大小的需要键盘导航整合Flickr - 可以从用户,组或者集合中拉取图片参考网站项目页面来查看更多信息 Supersized 3.2新特性完整的重写了代码更多地选项,包括阻止幻灯被中断链接到幻灯页面允许直接调用功能(例如,播放,停止,前进,后退等) 主题文件和基本文件分离,更加容易升级 Javascript 倒入jQuery和插件类库 <sc…

另外一款超棒的响应式布局jQuery插件 – Freetile.js

在线演示我们曾经介绍过俩款知名的响应式布局插:isotope和masonary,今天我们这里再介绍一款相当不错的响应式布局插件 – Freetile.js,使用它同样可以生成超酷的动态布局效果.相信大家一定会喜欢! 主要特性 Freetie来自于Assemblage和 Assemblage Plus的内建布局引擎,设计灵感来自于Masonry,VGrid和Wookmark,但是和他们相比较,拥有以下独特的地方: 允许包含任何尺寸的元素,并且不要求一个固定的列宽度,因此你不需要指定列宽度来迎合你…

帮助更语义化的显示时间的jQuery插件 - tidyTime.js

来源:GBin1.com 网站或者web应用开发过程中,难免会遇到需要展示时间的地方,例如,留言时间或者发布帖子的时候,那么大家是不是相关过使用更加符合语义学的方式来显示时间呢? 08:15 显示成 "八点过一刻了" 05:45 显示成 "醒醒啦,差一刻就早上六点啦" 14:29 显示成 "快到下午两点半啦" 大家是否觉得上面的时间显示更贴近生活呢? 如果自己处理这样的时间显示会稍微有些麻烦,要是有现成的类库是不是更完美? 今天这里我…

jquery动态背景切换全屏登录插件supersized.js

下载地址:https://download.csdn.net/download/t101lian/10434198预览: http://www.daimabiji.com/codedemo/1530 http://www.jq22.com/jquery-info3153 jQuery jQuery(function($){ $.supersized({ // Functionality slide_interval : 5000, // Length between transitions tr…

延迟加载图片的 jQuery 插件——lazyload.js

lazyload 这个 jQuery 插件,是用来缓冲加载图片的插件.如果一篇文章很长有很多图片的话,下载图片就需要很多时间.而这款插件,会检测你的滚动情况,只有你要看到那个图片的时候,它才会从后台请求下载图片,然后显示出来.使用这个插件,可以在需要显示图片的时候,才下载图片,所以可以减少服务器的压力,避免不必要的资源下载. 如果一个人不看下面的图片,那加载下面的图片就是一种浪费. 而Lazy Load 插件原理:直接修改 HTML 的结构,在 img 标签中添加新的属性,把 src 属性的值…

一款js控制背景图片平铺

背景图片的平铺方法有很多种,纯色背景,渐变背景,图片背景,今天讲的是移动端的图片背景~~~~ <style> html,body{;;} .body{background: url(image.jpg) no-repeat 0 0;background-size: 100% 100%;} </style> <body class="body"> <script type="text/javascript" src="…

一个简单且丑陋的js切换背景图片基础示例

不多说,直接上代码,非常基础的一个原生js切换元素背景图片范例 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>原生JS范例</title> <script type="text/javascript"> function changeBg()…

JQuery插件 aos.js

简介: aos.js是一款效果超赞的页面滚动元素动画jQuery动画库插件.该动画库可以在页面滚动时提供28种不同的元素动画效果,以及多种easing效果.在页面往回滚动时,元素会恢复到原来的状态. 使用方法: 在页面中引入aos.css文件,jquery和aos.js文件 <link rel="stylesheet" href="dist/aos.css" /> <script src="js/jquery.min.js"&g…

html select美化模拟jquery插件select2.js

代码展示:http://www.51xuediannao.com/demo.php 代码说明: select2.js是一个html select美化模拟类jquery插件,但是select2.js又远非简单的模拟美化那么简单,它还具有搜索功能,多选功能(可限制选择数量),ajax方式加载数据,可以设置placeholder, 可以设置禁用状态disabled,并且设置非常简单,如:$(".js-example-disabled").prop("disabled",…

jquery插件lazyload.js延迟加载图片的使用方法

如果一个网页很长并且有很多图片的话,下载图片就需要很多时间,那么就会影响整个网页的加载速度,而这款延迟加载插件,会通过你的滚动情况来加载你需要看的图片,然后它才会从后台请求下载图片,最后显示出来.通过这个插件,可以在需要显示图片的时候,才下载图片,从而可以减少服务器的压力,提高页面加载速度. Lazy Load 插件原理修改目标img元素的src属性为orginal属性,从而中断图片的加载.检测滚动状态,然后把网页可视区域中的img的src属性还原然后加载图片,从而制造了一种缓冲加载的效果.代…

缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解

在写代码的时候,经常会用到懒加载的模式,以前是通过window.onload的模式去加载,但是图片很多或者用ajax请求的时候,就会很麻烦,现在用lazyload的模式加载方便很多 <!doctype html> <html> <head> <meta charset="utf-8"> <title>Lazy Load Enabled</title> <!--[if lt IE 9]> <scri…

jquery插件--ajaxfileupload.js上传文件原理分析

英文注解应该是原作者写的吧~说实话,有些if判断里的东西我也没太弄明白,但是大致思路还是OK的. jQuery.extend({ createUploadIframe: function (id, uri) {//id为当前系统时间字符串,uri是外部传入的json对象的一个参数 //create frame var frameId = 'jUploadFrame' + id; //给iframe添加一个独一无二的id var iframeHtml = '<iframe id="' + f…

jQuery插件——imgbox（点击图片查看大图）

需要的资源: 需要对应的js代码和css样式,大家可以通过www.htmldrive.net平台下载,也可以在我文章的底部下载.对应的资源如下,将资源引入页面(别忘了JQuery): 注意:jQuery最好使用1.3版本的,有些版本行不通,亲测1.8版本不行 HTML代码: js代码: $(".test").imgbox({ 'speedIn': 500, 'speedOut': 500, 'alignment': 'center', 'overlayShow': true, 'all…

【微收藏】来自Twitter的自动文字补齐jQuery插件 - Typeahead.js

没图没逼格事发有因该插件可以结合本地数据进行一些操作.推荐关注一下H5的几种数据存储的方式(localstorage与sessionstorage.IndexedDB.离线缓存manifest文件).事关移动端优化,找时间再仔细详细总结一下,静候下一个时段. 主要特性支持数据本地保存,客户端加载,优化加载速度支持多语言,并且支持阿拉伯文支持Hogan.js模板引擎整合支持多数据集拼装支持本地和远程的数据集项目地址 http://twitter.github.io/typeahea…

自动生成气泡对话框的jQuery插件CreateBubble.js

之前在写一个界面,想要用到气泡,然而一直找不到现成的有效地办法,是在没有办法了我只好自己写一个,于是就有了现在的CreateBubble.js.很简单的一个函数,但是非常实用. 使用方法: 1.HTML代码: 一个气泡对话框就是一个div,div内嵌另一个div,很简单的结构. <div class="tag"> css3气泡框 <div class="tail"></div> </div> 其中div的class或者…

jQuery插件-json2.js

from:http://blog.csdn.net/gjb724332682/article/details/46682743 前言 json2.js是一个json插件,下载地址:https://github.com/douglascrockford/JSON-js 它包含两个方法,JSON.stringify(value, replacer, space)和JSON.parse(text, reviver) JSON.stringify(value, replacer, space) valu…

jQuery插件pagination.js源码解读

pagination的github地址:https://github.com/gbirke/jquery_pagination 公司用的是1.2的版本,所以我就读1.2的了. jQuery.fn.pagination = function(maxentries, opts){ opts = $.extend({ isCurrentInfo: false,//是否显示当前页信息: 当前第1页,共10页 currentCls: '.current-info',//当前页class items_per…

Jquery放大镜插件---imgzoom.js(原创)

Jquery放大镜插件imgzoom能够实现图片放大的功能,便于与原图进行比较. 使用方法: 1.引入jQuery与imgzoom,imgzoom.css <link rel="stylesheet" href="css/jquery.imgzoom.css" /> <script type="text/javascript" src="src/jquery-1.11.0.js" ></scrip…

50个jQuery插件可将你的网站带到另一个高度

Web领域一直在发生变化并且其边界在过去的每一天都在发生变化(甚至不能以小时为计),随着其边界的扩展取得了许多新发展.在这些进步之中,开发者的不断工作创造了更大和更好的脚本,这些脚本以插件方式带来更好的终端用户体验,它们比原来更轻量级,还有更强的处理能力. 关键是这些新发展起来的脚本和插件是能构建响应式Web的,而且还不会丧失它们原有的功能特性——除了更优秀和更轻巧(就文件大小而言)之外,它们还不会增加页面加载的时间. 通过浏览文档,掌握JQuery的语法是很容易的.它可以支持选择DOM元素,创…

15个超级实用的jQuery插件

jQuery是一个可订制的.轻量级的前端开发框架,它会让你的前端开发拥有无限的可能性.它会在敏捷Web开发中帮你做很多事情,比如简化HTML文档的解析.事件处理.动画效果和Ajax交互.实践上jQuery已经成为了新一代的标准. 在这篇文章中,我们整理了9月份以来最新的15个jQuery插件, 它们都非常优秀.根据下面提到的这些jQuery插件,你可以在很多地方提高和优化Web应用的性能. 我们希望你能从中找到对你有帮助的插件,如果你也知道很多jQuery的最新资源,可以在评论中告诉我们,和大家…

2013年优秀jQuery插件

今天为大家推荐的是2013年的第一期,在这期里面十个jQuery插件涵盖了响应式的网格布局插件.图片放大插件.表单元素中自定义select插件,google 地图插件.文件拖放上传插件.tooltip提示插件.3D旋转菜单等等.这些插件的官网都提供了详细的API和相关代码下载,也提供了一些案例展示,可以说稍懂一点前端的同学按照他们提供的API就会使用这些插件. 1.Makisu : jQuery CSS 3D Dropdown Menu concept Makisu是一个jQuery和css3制…

封装jquery插件

最近要到使用别的jquery插件,但部分功能并不能满足,为满足功能,只能对插件进行修改来满足,要修改插件,先要了解插件如何封装, 明白了如何封装插件,才能更好修改插件:如何封装插件? 1.插件封装类型: ①封装对象类:②封装全局函数型:③选择器插件类: 2.关于封装插件的建议 ①封装的插件建议为jquery.[插件名].js,避免和其他插件混淆: ②插件开头,尽量加上分号,避免别人的代码不规范引起错误,插件结尾都应该加上分号,避免压缩出错: ③插件应该设置默认参数,增加插件可用性: 例如 ;(f…