注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

天上人间*bobo之家

有阳光的时段,就有他(她)的博客文章。也许天气并非晴空万里,博主的“博物钟”却是

 
 
 

日志

 
 

jQuery-lightbox  

2010-02-04 11:17:07|  分类: jQuery |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
http://www.balupton.com/sandbox/jquery_lightbox_bal/demo/

使用方法
先下载 jQuery lightBox plugin
http://www.balupton.com/sandbox/jquery_lightbox/

然后在网页中写入:
<script type="text/javascript" src="http://yourdomain/jquery.js"></script>
<script type="text/javascript" src="http://yourdomain/jquery.lightbox-0.3.1.js"></script>
<link rel="stylesheet" type="text/css" href="http://yourdomain/jquery.lightbox-0.3.css" media="screen">
<script type="text/javascript">
     $(function() {
         $('#id名 a').lightBox();  
     });
</script>

上面代码完成后,在网页中加入图片:

or <a rel="lightbox" href="images/mountain-large.jpg" >

<div id="id名">
<a href="" title="">
     <img src="" width="" height="">
</a>
</div>

lightbox还加入了:

     *改变颜色重叠: overlaybgcolor : ' # fff '
     *覆盖的透明度: overlayopacity : 0.6
     *文本1 : txtimage : '图片'
     *文本2 : txtof : ""....

$(function() {
     $('#gallery a').lightBox({
         overlayBgColor: '#FFF',
         overlayOpacity: 0.7,
         txtImage: '图片',
         txtOf: '。。。。。。。。。。'
         }
     );
});

  评论这张
 
阅读(512)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018