Thickbox基于jQuery的弹出层(盒子)插件.zip-Webpack文档类资源-CSDN文库

共16个文件

jpg：5个

js：3个

htm：3个

版权申诉

10 浏览量 2022-11-01 00:08:28 上传评论收藏 594KB ZIP 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源推荐

资源详情

资源评论

收起资源包目录

Thickbox 基于jQuery的弹出层(盒子)插件.zip （16个子文件）

132677815239048792

likecs.com_132677815315401972

thickbox-plus

css

thickbox.css 1KB

global.css 2KB

images

image2.jpg 406KB

image2_t.jpg 4KB

circle_animation.gif 7KB

image1_t.jpg 5KB

ico-arrow.gif 9KB

ajaxImage.jpg 7KB

image1.jpg 163KB

ajaxOverFlow.htm 2KB

index.html 7KB

jquery.js 32KB

global.js 3KB

thickbox_plus.js 5KB

ajax.htm 1004B

ajaxLogin.htm 1KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Thickbox Plus - Download by http://www.jb51.net</title> <style type="text/css" media="all"> @import "css/global.css"; </style> <script src="js/jquery.js" type="text/javascript"></script> <script src="js/thickbox_plus.js" type="text/javascript"></script> </head> <body> <div id="contentPad"> <h1>Thickbox Plus</h1> <p>This is a modification by Christian Montoya of the original Thickbox script by Cody Lindley.</p> <p><a href="http://www.christianmontoya.com/2006/05/08/thickbox-plus/">Learn more</a>.</p> <p><a href="http://codylindley.com/Javascript/257/thickbox-one-box-to-rule-them-all">Read the original Thickbox explanation.</a></p> <p style="width:600px;"><strong>Click an Image to view a ThickBox image</strong> (lightbox functionality, but made with <a href="http://jquery.com">Jquery</a>). Notice that you can make your window very small and the images will resize to fit the window.</p> <div> <a href="images/image1.jpg" title="Sample caption" class="thickbox"><img src="images/image1_t.jpg" alt="Image 1" /></a>    <a href="images/image2.jpg" title="Another sample caption" class="thickbox"><img src="images/image2_t.jpg" alt="Image 2"/></a> </div> <p><strong>Click a link below to veiw a ThickBox html file.</strong> (Similar to Grey Box, except using AJAX to load markup)</p> <ul> <li><a href="ajaxOverFlow.htm?height=300&width=300" title="ajax" class="thickbox">ThickBox with scrolling content </a> (ThickBox width:300px height:300px pass as query values on the URL)</li> <li><a href="ajax.htm?height=220&width=400" title="ajax" class="thickbox">ThickBox with no scrolling content</a> (ThickBox width:400px height:220px pass as query values on the URL)</li> <li><a href="ajaxLogin.htm?height=100&width=250" title="ajax" class="thickbox">ThickBox login</a> (ThickBox width:250px height:100px pass as query values on the URL)</li> </ul> <p><strong>Use the Browers Scroll, while a ThickBox is open.</strong> (Fixed ThickBox not working in IE)</p> <div style="width:600px;"> <h2>How to use</h2> <p>Add class "thickbox" to all links on your site that you would like to load with Thickbox Plus. Thickbox Plus supports jpg, jpeg, png, gif, htm, and html out of the box. Additional support for php, swf, and others can be added by savvy developers.</p> <h2>Improvements and bugfixes in Thickbox Plus</h2> <p>Aside from resizing images, Thickbox Plus also offers the following improvements:</p> <ul> <li>Thickbox closes when the image is clicked.</li> <li>Function "TB_launch" wrapped so it can be loaded with any function, not just $(document).ready()</li> <li>Fixed bug where the overlay remains if it is closed before the image loads.</li> </ul> <h2>Contribute</h2> <p>If you have an update, suggestion, or improvement for Thickbox Plus, <a href="http://www.christianmontoya.com/contact-me/">let me know</a>. <a href="http://codylindley.com/Personal/262/a-new-job-thickbox-and-turning-30">Cody says he's too busy to promise much support</a>, but feel free to let him know too.</p> <h2>Filler Text</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p> <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p> </div> </div>  </body> </html>

评论收藏

内容反馈

版权申诉