仿LightBox图片盒子-YLightBox照片展示特效资源-CSDN文库

共25个文件

jpg：12个

gif：5个

png：3个

asp.net

需积分: 15 173 浏览量 2010-04-12 15:11:56 上传评论收藏 1.08MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

仿LightBox图片盒子-YLightBox照片展示特效.rar （25个子文件）

codefans.net

ylightbox

css

ylightbox.css 4KB

img

imgzoom_tb.gif 459B

last-photo.png 3KB

logo-bg.gif 5KB

picture.png 606B

loading.gif 7KB

Thumbs.db 19KB

last-photo.gif 1KB

next-photo.png 3KB

next-photo.gif 974B

yao.js 63KB

samples

5.jpg 68KB

3.jpg 31KB

8.jpg 67KB

4.jpg 65KB

12.jpg 93KB

9.jpg 241KB

2.jpg 51KB

10.jpg 82KB

1.jpg 96KB

Thumbs.db 45KB

11.jpg 70KB

6.jpg 71KB

7.jpg 89KB

index.html 69KB

<!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" /> <meta http-equiv="Content-Language" content="utf-8" /> <meta name="robots" content="all" /> <meta name="keywords" content="yaohaixiao.com,Javascript,ylightbox,论坛相册特效,focus on javascript" /> <meta name="description" content="yaohaixiao.com - Focus on javascript." /> <title>YLightBox - 论坛相册特效</title> <link href="http://www.yaohaixiao.com/css/yao.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/ylightbox.css" rel="stylesheet" type="text/css" media="screen" /> <base target="_blank" /> </head> <body> <div id="hd"> <h1><strong>YAO</strong>HAIXIAO.COM</h1> <blockquote>FOCUS ON JAVASCRIPT</blockquote> <ul id="navigation"> <li><a href="http://www.yaohaixiao.com/index.html">网站首页</a></li> <li class="current"><a href="http://www.yaohaixiao.com/javascript/index.html">我的Javascript空间</a></li> <li><a href="http://www.yaohaixiao.com/tools/index.html">Javascript 开发工具</a></li> <li><a href="http://www.yaohaixiao.com/resource/index.html">Javascript 资源链接</a></li> <li><a href="http://www.yaohaixiao.com/books/index.html">Javascript 好书推荐</a></li> <li><a href="http://www.yaohaixiao.com/about/index.html">关于</a></li> </ul> </div> <div class="wrap"> <div id="script"> <h1>YLightBox - 论坛相册特效</h1> <div id="byline">程序开发：<a href="http://www.yaohaixiao.com/">YAOHAIXIAO.COM</a>发表时间：2010 - 01 - 27</div> <p class="image"><img src="samples/1.jpg" class="y-lightbox" alt="林志玲" /></p> <p class="image"><img src="samples/2.jpg" class="y-lightbox" alt="清纯的美眉" /></p> <p class="image"><img src="samples/3.jpg" class="y-lightbox" alt="小丑鱼" /></p> <p class="image"><img src="samples/4.jpg" class="y-lightbox" alt="HERA" /></p> <p class="image"><img src="samples/5.jpg" class="y-lightbox" alt="美丽的自然风景" /></p> <p class="image"><img src="samples/6.jpg" class="y-lightbox" alt="韩国美女" /></p> <p class="image"><img src="samples/7.jpg" class="y-lightbox" alt="莉亚迪桑" /></p> <p class="image"><img src="samples/8.jpg" class="y-lightbox" alt="红色法拉利" /></p> <p class="image"><img src="samples/9.jpg" class="y-lightbox" alt="女超人" /></p> <p class="image"><img src="samples/10.jpg" class="y-lightbox" alt="游戏壁纸" /></p> <p class="image"><img src="samples/11.jpg" class="y-lightbox" alt="魔兽争霸" /></p> <p class="image"><img src="samples/12.jpg" class="y-lightbox" alt="梦幻舞厅" /></p> <h2>程序简介</h2> <p> <strong>YLightBox - 论坛相册特效</strong>，我用我自己写个YaoUI代码库实现一个论坛的相册效果，这个特效很适合论坛题图板块的图片展示。调用简单，兼容性好。 </p> <h2>调用方法</h2> <p> <strong>第一步：</strong>在页面中调用yao.js文件，例如： </p> <p> <script type="text/javascript" src="js/yao.js"></script> </p> <p><strong>第二步：</strong>编写调用代码：<br /> <pre> YAO.YLightBox.init('y-lightbox', 'img', 'script'); </pre> </p> <h2>程序代码</h2> <textarea> var YAO = function(){ var D = document, OA = '[object Array]', FC = "[object Function]", OP = Object.prototype, nt = "nodeType", listeners = [], webkitKeymap = { 63232: 38, // up 63233: 40, // down 63234: 37, // left 63235: 39, // right 63276: 33, // page up 63277: 34, // page down 25: 9 // SHIFT-TAB (Safari provides a different key code in }, patterns = { HYPHEN: /(-[a-z])/i, ROOT_TAG: /body|html/i }, lastError = null; return { isArray: function(obj){ return OP.toString.apply(obj) === OA; }, isString: function(s){ return typeof s === 'string'; }, isBoolean: function(b){ return typeof b === 'boolean'; }, isFunction: function(func){ return OP.toString.apply(func) === FC; }, isNull: function(obj){ return obj === null; }, isNumber: function(num){ return typeof num === 'number' && isFinite(num); }, isObject: function(str){ return (str && (typeof str === "object" || this.isFunction(str))) || false; }, isUndefined: function(obj){ return typeof obj === 'undefined'; }, hasOwnProperty: function(obj, prper){ if (OP.hasOwnProperty) { return obj.hasOwnProperty(prper); } return !this.isUndefined(obj[prper]) && obj.constructor.prototype[prper] !== obj[prper]; }, isMobile: function(mobile){ return /^(13|15|18)\d{9}$/.test(YAO.trim(mobile)); }, isName: function(name){ return /^[\w\u4e00-\u9fa5]{1}[\w\u4e00-\u9fa5 \.]{0,19}$/.test(YAO.trim(name)); }, keys: function(obj){ var b = []; for (var p in obj) { b.push(p); } return b; }, values: function(obj){ var a = []; for (var p in obj) { a.push(obj[p]); } return a; }, isXMLDoc: function(obj){ return obj.documentElement && !obj.body || obj.tagName && obj.ownerDocument && !obj.ownerDocument.body; }, formatNumber: function(b, e){ e = e || ''; b += ''; var d = b.split('.'); var a = d[0]; var c = d.length > 1 ? '.' + d[1] : ''; var f = /(\d+)(\d{3})/; while (f.test(a)) { a = a.replace(f, '$1,$2'); } return e + a + c; }, unformatNumber: function(a){ return a.replace(/([^0-9\.\-])/g, '') * 1; }, stringBuffer: function(){ var a = []; for (var i = 0; i < arguments.length; ++i) { a.push(arguments[i]); } return a.join(''); }, trim: function(str){ try { return str.replace(/^\s+|\s+$/g, ''); } catch (a) { return str; } }, stripTags: function(str){ return str.replace(/<\/?[^>]+>/gi, ''); }, stripScripts: function(str){ return str.replace(/<script[^>]*>([\\S\\s]*?)<\/script>/g, ''); }, isJSON: function(obj){ obj = obj.replace(/\\./g, '@').replace(/"[^"\\\n\r]*"/g, ''); return (/^[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]*$/).test(obj); }, encodeHTML: function(str){ return str.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>'); }, decodeHTML: function(str){ return str.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>'); }, toCamel: function(property){ if (!patterns.HYPHEN.test(property)) { return property; } if (propertyCache[property]) { return propertyCache[property]; } var converted = property; while (patterns.HYPHEN.exec(converted)) { converted = converted.replace(RegExp.$1, RegExp.$1.substr(1).toUpperCase()); } propertyCache[property] = converted; return converted; }, Cookie: { set: function(g, c, f, b){ var e = new Date(); var a = new Date(); if (f == null || f == 0) { f = 1; } a.setTime(e.getTime() + 3600000 * 24 * f); D.cookie = g + '=' + encodeURI(c) + ';expires=' + a.toGMTString() + ';domain=' + b + '; path=/'; }, get: function(e){ var b = D.cookie; var d = e + '='; var c = b.indexOf('; ' + d); if (c =

评论收藏

内容反馈