[推荐]jquery多功效弹出层插件包含有,图片弹出层、内嵌内容弹出层,iframe弹出层,ajax弹出层.doc

[推荐]jquery多功效弹出层插件包含有,图片弹出层、内嵌内容弹出层,iframe弹出层,ajax弹出层jquery多功能弹出层插件包含有,图片弹出层、内嵌内容弹出层,iframe弹出层,ajax弹出层作者:中国数科々贝塔来自:时间:2012年10月26日一张图片演示描述:这是ThickBox的一个简单实例,这个例子展示了在中放置一张图片(请看演示)。说明:创建一个link元素(<ahref>)给创建的这个link元素一个class属性,其值是:thickbox(class="thickbox")在href属性中指定一个张图片地址(.)效果:二、多张图片演示描述:这个例子和单张图片差不多,但他允许使用rel属性使多张图片成为一组,在ThickBox里导航。这种完美的使用方法适用于图片集。使用说明:创建一个link元素(<ahref>)给创建的这个link元素一个class属性,其值是:thickbox;(class="thickbox")在href属性中指定一个张图片地址(.)给每一个link元素一个相同的rel值。(比如:rel="gallery-plants")重点提醒:当你打开一个ThickBox图片集的时候,你能通过键盘的左右箭头键向前和向前和向后导航(在ThickBox里也提供了Next和Previous的链接)。图片将会在图片集中按HTML文档流程从第一张显示到最后一张。效果:三、内嵌内容演示描述:页面中的内嵌内容,隐藏的或是显示的均可以放置在ThickBox中。使用说明:创建一个link元素(<ahref>)给创建的这个link元素一个class属性,其值是:thickbox(class="thickbox")给link元素的href属性设置为:#TB_inline在href属性的值#TB_inlineIn后面追加一下字符:?height=300&width=300&inlineId=myOnPageContent根据你的实际需要更改height,width,和inlineId的值(这里的inlineID就是包含你想显示在ThickBox上的内容的容器的id)。当然你也可以在参数字符串中加modal=true(比如.#TB_inline?height=155&width=300&inlineId=hiddenModalContent&modal=true)这样当关闭ThickBox时会调用ThickBox内部的一个tb_remove()函数。在演示中查看“显示隐藏模式的内容”则要求点击yes或no才能关闭ThickBox。重点提醒:如果内嵌在ThickBox的内容多于ThickBox显示的尺寸,一个滚动条会出现。请确认ThickBox的尺寸和内容的匹配避免出现滚动条而显示全部内嵌内容。也就是说,如果不想要滚动条,你可以增加ThickBox的宽和高直到内嵌的内容不需要滚动条就能全部显示。点击“显示”按钮后,将在中看到下面的一段文字以及那个写了”测试“的input,或是点击显示隐藏模式的内容则显示在本文档中隐藏起来id为“hiddenModalContent”的div内的内容虚拟主机域名注册江苏十强网站空间提供商-中国数科(供php空间_asp空间,超高速超安