您的位置:首页 > 其它

ThickBox学习之一 ThickBox介绍以及单图片显示示例

2006-12-24 22:42 309 查看
ThickBox是一个基于JQuery类库的扩展,它能在浏览器界面上显示非常棒的UI框, 它可以显示单图片,多图片,ajax请求内容或链接内容。官方网站的废话很多,但我在这里只是略带过,如果要想实现效果,那你需要 下载JQuery 的js文件,以及ThickBox的js文件ThickBox的CSS文件,好,准备工作开始了,我们就来玩一玩这个。

第一步:新建工程,并把刚才下载好的2个js文件和CSS文件放入到工程里,并在页面引用。
第二步:引用完后把这个图片添加到你的工程,

然后打开ThickBox js文件,搜索 loadingAnimation.gif,这个就是图片的存储地址,你把它改为自己的相应目录地址就可以。

第三步:在html页面上添加一个链接,<a href="images/single.jpg" title="add a caption to title attribute / or leave blank" class="thickbox"><img src="images/single_t.jpg" alt="Single Image"/></a>
记住,在链接的class里面引用的是thickbox,然后你就可以试一下效果了。非常棒哦!如果实现这样的效果没有这两个js类库辅助,那你需要敲很多代码,并且使用js要非常溜才行,这样的类库,最适合我不过啦~
在官网还有几个示例,今天没时间一次性写出来,我会接下来写,希望这些对新人们有用。

平安夜了,也祝朋友们圣诞快乐~
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐