jQuery制作相册
来源:互联网 发布:美图秀秀淘宝素材 编辑:程序博客网 时间:2024/04/29 20:38
<head>
<title></title>
<style type="text/css">
#mydiv ul{ list-style-type:none;}
#mydiv ul li{ display:inline;}
#mydiv{ width:500px; border:solid 1px #444; background-color:#333;}
</style>
<link href="css/nf.lightbox.css" rel="stylesheet" type="text/css" />
<script src="js/Jquery1.7.js" type="text/javascript"></script>
<script src="js/NFLightBox.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#mydiv ul a').lightBox();
})
</script>
</head>
<body>
<div id="mydiv">
<ul>
<li><a href="images/1.jpg"><img src="images/1_small.jpg" /></a></li>
<li><a href="images/2.jpg"><img src="images/2_small.jpg" /></a></li>
<li><a href="images/3.jpg"><img src="images/3_small.jpg" /></a></li>
<li><a href="images/4.jpg"><img src="images/4_small.jpg" /></a></li>
<li><a href="images/5.jpg"><img src="images/5_small.jpg" /></a></li>
<li><a href="images/6.jpg"><img src="images/6_small.jpg" /></a></li>
<li><a href="images/7.jpg"><img src="images/7_small.jpg" /></a></li>
<li><a href="images/8.jpg"><img src="images/8_small.jpg" /></a></li>
<li><a href="images/9.jpg"><img src="images/9_small.jpg" /></a></li>
<li><a href="images/10.jpg"><img src="images/10_small.jpg" /></a></li>
<li><a href="images/11.jpg"><img src="images/11_small.jpg" /></a></li>
<li><a href="images/12.jpg"><img src="images/12_small.jpg" /></a></li>
</ul>
</div>
<title></title>
<style type="text/css">
#mydiv ul{ list-style-type:none;}
#mydiv ul li{ display:inline;}
#mydiv{ width:500px; border:solid 1px #444; background-color:#333;}
</style>
<link href="css/nf.lightbox.css" rel="stylesheet" type="text/css" />
<script src="js/Jquery1.7.js" type="text/javascript"></script>
<script src="js/NFLightBox.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#mydiv ul a').lightBox();
})
</script>
</head>
<body>
<div id="mydiv">
<ul>
<li><a href="images/1.jpg"><img src="images/1_small.jpg" /></a></li>
<li><a href="images/2.jpg"><img src="images/2_small.jpg" /></a></li>
<li><a href="images/3.jpg"><img src="images/3_small.jpg" /></a></li>
<li><a href="images/4.jpg"><img src="images/4_small.jpg" /></a></li>
<li><a href="images/5.jpg"><img src="images/5_small.jpg" /></a></li>
<li><a href="images/6.jpg"><img src="images/6_small.jpg" /></a></li>
<li><a href="images/7.jpg"><img src="images/7_small.jpg" /></a></li>
<li><a href="images/8.jpg"><img src="images/8_small.jpg" /></a></li>
<li><a href="images/9.jpg"><img src="images/9_small.jpg" /></a></li>
<li><a href="images/10.jpg"><img src="images/10_small.jpg" /></a></li>
<li><a href="images/11.jpg"><img src="images/11_small.jpg" /></a></li>
<li><a href="images/12.jpg"><img src="images/12_small.jpg" /></a></li>
</ul>
</div>
- jQuery制作相册
- 使用jquery制作漂亮相册集
- jquery制作图片放大显示插件Lightbox2.6图片相册
- pc相册制作,手机版相册制作
- css制作一款相册
- flex 在线制作相册
- 会声会影手翻相册制作要点
- 制作网页相册
- jQuery相册浏览
- jquery 滑动相册
- jQuery模拟QQ相册
- jQuery实现相册浏览
- jquery浮云相册插件
- Dreamweaver制作简易Flash相册
- CSS3D效果之相册制作
- jQuery AD Gallery相册插件
- JQuery&HTML5--Canvas 之 相册
- jquery腾讯新闻图片相册
- 黑马程序员_Java异常
- 12.1
- MD5加密函数
- iOS的App因为外部计费被拒原因
- 关于计算机视觉的一些测试数据集和源码站点
- jQuery制作相册
- JAVA中如何保证线程安全以及主键自增有序
- oracle PROCEDURE
- 关于setneedsdisplay
- SIFT算法详解
- dropdownlist根据GROUPID绑定
- Error: UNexpected error in JTAG server-- error code 44
- ubuntu 12.10 关闭图形界面
- 读取机器中的多媒体