分享jQuery的精美相册效果

废话不多说，先上图

query实现相册特效代码，运行加载的时候拥有进度条，效果炫酷，支持多种图片排列方式

引入脚本和css：

<link rel="stylesheet" type="text/css" media="screen" href="css/uvumi-gallery.css" />

<script type="text/javascript" src="js/mootools-for-gallery.js"> </script>

<script type="text/javascript" src="js/UvumiGallery-compressed.js"> </script>

调用方法：

<script type="text/javascript">

new UvumiGallery({container:‘gallery‘});

</script>

分享jQuery的精美相册效果,布布扣,bubuko.com

时间： 2024-11-07 20:50:57

分享jQuery的精美相册效果的相关文章

分享jQuery&CSS3导航标签切换效果

jquery+css3完成的菜单导航特效引入代码: <link rel="stylesheet" type="text/css" href="css/style.css"/> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="t

jquery 实现智能炫酷的翻页相册效果巧妙的运用 Html 的文档属性,大大减少jquery 的代码量,实现了智能炫酷的翻页相册.兼容性很好,实现了代码与标签的完全分离?1. [代码]jquery 实现智能炫酷的翻页相册效果 $(document).ready(function(e) { var ImgBox = $(".img-box"), ImgSpan = ImgBox.find("span"), ImgDiv = $(".img

【前端】用jQuery实现瀑布流效果

jQuery实现瀑布流效果何为瀑布流: 瀑布流,又称瀑布流式布局.是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部.最早采用此布局的网站是Pinterest,逐渐在国内流行开来.国内大多数清新站基本为这类风格. 瀑布流的应用: 瀑布流对于图片的展现,是高效而具有吸引力的,用户一眼扫过的快速阅读模式可以在短时间内获得更多的信息量,而瀑布流里懒加载模式又避免了用户鼠标点击的翻页操作,瀑布流的主要特性便是错落有致,定宽而不

HTML5 CSS3专题纯CSS打造相册效果

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/30993277 今天偶然发现电脑里面还有这样的一个例子,感觉效果还不错,不记得啥时候下载的了,也好久没上w3cfuns了,怀念学习前台的日子,给大家分享下. 效果图: 效果是不是还是很不错的,最主要的是没有使用一行js,这才是亮点. 先看html文件: <body> <div id="gallery"> <h1>纯CSS3相册效果&l

分享JQuery动画插件Velocity.js的六种列表加载特效

分享JQuery动画插件Velocity.js的六种列表加载特效.在这款实例中给中六种不同的列表加载效果.分别为从上飞入.从右侧飞入.从左侧飞入.和渐显.一起看下效果图: 在线预览源码下载实现的代码. html代码: <h1> Velocity.js <i>slice + sequence</i></h1> <pre>Only anim X number with FX#1, animate Y number with FX#2 etc

Image Wall - jQuery & CSS3 图片墙效果

今天我们要为您展示如何基于 jQuery 和 CSS3 创建一个整洁的图片墙效果.我们的想法是在页面上洒上一些大小不同的缩略图,并在当我们点击图片时候显示丝带,会显示一些描述,再次点击缩略图时,丝带将关闭并重新打开一个更大的图像预览效果. 在线演示下载源码您可能感兴趣的相关文章充满想象力的 JavaScript 物理和重力实验精选9个值得学习的 HTML5 效果[附源码] 精选12个时尚的 CSS3 效果[附源码下载] 十分惊艳的8个 HTML5 & JavaScript 特效

【jquery】jquery 实现许愿墙效果，可拖拽

最近整理做过的项目,发现有个许愿墙的效果,今天拿出来给大家分享下. 先简单的介绍下功能点: 随机显示背景图或背景色出现的位置随机可以通过拖拽改变位置好了,附上代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"/> <title>许愿墙</title> <link rel="stylesheet&

分享jQuery背景动画全屏焦点图

jquery重力实现效果能在支持 FireFox.Chrome.Safari.傲游.搜狗.360浏览器. 源码下载/ 在线演示 jQuery纸张切割效果源码下载/ 在线演示纯CSS3实现3D小球动画源码下载/ 在线演示分享jQuery背景动画全屏焦点图