Lightbox图片放大插件,jQuery弹出层放大插件
2015-07-31 17:13
706 查看
<!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>Lightbox图片放大插件,jQuery弹出层放大插件</title> <!--引入开始--> <span style="font-size:18px;color:#ff0000;"><strong><link rel="stylesheet" href="css/lightbox.css" media="screen"/> <script src="http://www.5imoban.net/download/jquery/jquery-1.9.0.min.js"></script> <script src="js/lightbox-2.6.min.js"></script></strong></span> </head> <body oncontextmenu='return false' ondragstart='return false'> <div style="width:400px; margin:0 auto;"> <!-- 代码开始 --> <!--不带上一张下一张按钮--> <a href="img/demopage/image-1.jpg" data-lightbox="<span style="color:#ff6666;">example-1</span>"> <img src="img/demopage/thumb-1.jpg"/> </a> <a href="img/demopage/image-2.jpg" data-lightbox="<span style="color:#ff6666;">example-2</span>" title="沈荣荣"> <img src="img/demopage/thumb-2.jpg" /> </a> <!--带上一张下一张按钮--> <a href="img/demopage/image-3.jpg" data-lightbox="<span style="color:#ff0000;">example-set</span>" title="沈荣荣"> <img src="img/demopage/thumb-3.jpg" /> </a> <a href="img/demopage/image-4.jpg" data-lightbox="<span style="color:#ff0000;">example-set</span>" title="沈荣荣"> <img src="img/demopage/thumb-4.jpg" /> </a> <a href="img/demopage/image-5.jpg" data-lightbox="<span style="color:#ff6666;">example-set</span>" title="沈荣荣"> <img src="img/demopage/thumb-5.jpg" /> </a> <a href="img/demopage/image-6.jpg" data-lightbox="<span style="color:#ff6666;">example-set</span>" title="沈荣荣"> <img src="img/demopage/thumb-6.jpg" /> </a> <!-- 代码结束 --> </div> </body> </html>
相关文章推荐
- 理解jquery的$.extend()、$.fn和$.fn.extend()
- jquery通过id或name获取标签的值,以及简单的js正则表达式(笔记)
- [JQuery学习笔记]——之二
- jquery 倒计时
- jQuery 插件集锦——《导航篇》
- jQuery选择器和事件
- jquery弹出层,带朦胧层。
- 案例(JQuery的ajax无刷新评论)
- Jquery实现瀑布流布局(备有详细注释)
- jQuery操作class
- jquery实现仿JqueryUi可拖动的DIV实例
- jQuery+css3实现文字跟随鼠标的上下抖动
- 再也不要说,jquery动画呆板了
- JQuery的ajax登录案例
- jQuery插件开发精品教程,让你的jQuery提升一个台阶
- phpcms取编译器内容,设置表的字体样式,用jquery去掉表格自带样式
- 基于jQuery+HTML5页面整屏滑动切换代码
- jquery-tips悬浮提示插件分享
- [JQuery学习笔记]——之一
- jquery.autocomplete.js的简单使用