`

将thickbox "close or esc key "改为 中文"关闭"

阅读更多

     thickbox 是一款基于JQuery的网页UI对话窗口插件,可以用来展示单一图片, 若干图片, 内嵌的内容, iframed的内容, 或以 AJAX 的混合 modal 提供的内容, 使用之后可以大大丰富用户的体验。

 

     在使用过程中我们会发现所弹出窗口(div)右上角的关闭按钮为"close or esc key",而不是我们所熟悉的[X]或"关闭"; 如果想把它变成[X]或"关闭"应该怎么来办呢?

 

    将thickbox-compressed.js文件打开,ctrl+F查找关键字"close or esc key",并将其更改为[X]或"关闭",然后把文件另存为UTF-8格式,这个很重要,如果不保存为UTF-8的话,将会出现乱码。好了,进行 窗口 弹出 测试 ,此时你会发现"关闭"后面还跟了一串 讨厌的 东西 "1K 1J 1S"; 没什么说的, 同样将这串东西给干掉,搜索到它们后,将其替换成空格就可以了 。

 

 

   如果想自己写JS将弹出的窗口关闭的话,可以添加上这行代码就可以parent.tb_remove();

 

分享到:
评论

相关推荐

    修改jquery插件thickbox 的close or esc key提示为 关闭 or 按Esc 键关闭

    标题中的“修改jquery插件thickbox 的close or esc key提示为 关闭 or 按Esc 键关闭”指的是在使用jQuery插件Thickbox时,用户希望将默认的英文提示“Close”或“ESC key to close”更改为中文的“关闭”或“按Esc键...

    thickbox插件

    8. **交互体验**:Thickbox提供了关闭按钮和键盘导航支持,用户可以通过点击关闭按钮或按Esc键来关闭模态窗口,增强了交互体验。 9. **响应式设计**:虽然原版Thickbox可能没有现成的响应式设计,但通过调整CSS样式...

    thickbox

    "Thickbox"是一款流行的JavaScript库,用于创建全屏弹出式图像和产品展示效果。在网页设计中,它提供了一种优雅的方式,使用户能够...无论你是网页设计师还是前端开发者,掌握Thickbox的使用都能为你的项目增添亮点。

    thickbox3.1.zip

    - `tb-ie6.png`, `tb-close.png` 等图片文件:这些是Thickbox所需的图形资源,如关闭按钮图标等。 - `license.txt` 或类似文件:包含了软件的许可信息和版权声明。 - 可能还包括示例文件和文档,帮助用户理解和使用...

    ThickBox 3.1调用方法+实例演示.zip

    例如,如果你想要一个图片在点击后以ThickBox的形式显示,你可以为`<a>`标签添加`rel="thickbox"`和`href`指向大图的URL。对于HTML内容,可以使用`TB_inline`或`TB_iframe`数据属性。 3. **参数设置**:ThickBox...

    thickbox 简单实例

    - **图片**:只需将链接的`rel`属性设置为`thickbox`,Thickbox会自动处理图片的预览和缩放。 - **HTML内容**:通过`data:`协议或URL指向HTML文件,可以在弹出窗口中显示任意HTML内容。 - **Iframe**:指定`rel`属性...

    ThickBox 3_1

    1. **图片预览**:ThickBox 可以将网页上的链接转化为带有淡入淡出效果的全屏预览窗口,用户可以在此预览图片,同时支持图片的前后导航。 2. **多媒体支持**:除了图片,ThickBox 还能处理其他类型的媒体内容,如...

    thickbox实例

    5. 键盘导航:为了提高用户体验,Thickbox支持键盘导航,如使用左右箭头键来切换图片,ESC键关闭弹出框。 6. AJAX集成:Thickbox可以与AJAX技术结合,动态加载内容,使得用户在不刷新整个页面的情况下,更新弹出...

    thickbox的具体使用方法

    通过理解Thickbox的工作原理和这些选项,你可以灵活地在网站上集成弹出窗口,为用户提供更加丰富的浏览体验。 为了更好地学习Thickbox,你可以参考提供的“thickbox的具体使用方法.txt”文件,里面可能包含更详细的...

    thickbox demo

    5. **键盘导航**:支持键盘快捷键,如Esc键关闭弹窗,左右箭头切换图片等,提高用户体验。 6. **兼容性**:Thickbox设计时考虑了多浏览器兼容性,包括主流的Chrome、Firefox、Safari、IE等。 在压缩包中,通常会...

    juery thickbox3例子

    标题中的“jQuery Thickbox3”是指一个基于jQuery的弹出窗口插件,Thickbox的第三个主要版本。这个插件允许网页开发者创建全屏、透明背景的弹出窗口,通常用于展示图片、视频、IFrame内容或者任何HTML内容。Thickbox...

    thickbox插件(jquery.js-thickbox.js-thickbox.css)含三个文件

    ThickBox是一款基于jQuery的轻量级弹出插件,主要包含三个核心文件:`jquery.js`、`thickbox.js`和`thickbox.css`。这些文件协同工作,为网页提供了一种优雅的方式,以全屏或者半透明背景的形式展示图片、内嵌框架、...

    ThickBox3.1弹出层

    例如,可以将一个链接的`rel`属性设置为`thickbox`,ThickBox3.1会自动识别并处理这个链接。 在压缩包中的文件可能包括以下内容: 1. `thickbox.css`: 主题样式文件,定义了ThickBox3.1的各种视觉效果。 2. `...

    jquery插件thickbox的使用方法

    ### jQuery插件ThickBox的使用详解 #### 引言 ThickBox是基于jQuery库的一个强大而灵活的模态对话框插件,它能够帮助开发者轻松地在网页上创建弹出窗口,显示图片、HTML内容或外部网页。本文将详细介绍如何在项目...

    jQuery_thickbox3.1

    3. **用户体验**:Thickbox3.1提供了一种沉浸式的体验,通过半透明的背景遮罩和可定制的边框,将用户注意力集中到弹出的内容上,使得交互更加流畅。 4. **自定义设置**:开发者可以根据需求调整Thickbox的外观和...

    thickbox & jquery

    2. **过渡效果**:Thickbox 提供了平滑的淡入淡出和缩放效果,为打开和关闭弹出窗口增添了视觉吸引力。 3. **自动调整大小**:Thickbox 可以根据内容自动调整窗口大小,确保图片或其他媒体以最佳比例显示。 4. **...

    Thickbox 3.1插件包

    Thickbox允许通过JavaScript选项进行自定义,例如设置初始宽度和高度、过渡效果、关闭按钮行为等。这为开发者提供了很大的灵活性,可以根据项目需求调整Thickbox的行为。 6. **响应式设计**: 考虑到现代网页设计...

    thickbox3.1实例

    通过理解和实践这些示例,开发者可以将Thickbox集成到自己的网站中,为用户提供更丰富、更直观的浏览体验。在开发过程中,不断优化和调整Thickbox的设置,可以使其更好地适应项目需求,提升用户体验。

    Jquery thickbox回传值实例

    `success`回调函数中的`response`即为这个路径,然后我们通过`window.parent`来访问父窗口(即包含Thickbox调用的页面)的一个函数或变量,将路径回传回去。 在主页面,我们需要定义一个函数来接收Thickbox返回的值...

    thickbox用法说明以及一些例子

    Thickbox通过链接触发,你需要为需要以弹出形式展示的内容添加特定的类名和属性。例如,对于图片链接,你可以这样写: ```html <a href="path/to/image.jpg" title="Image Title" class="thickbox"> Click here ...

Global site tag (gtag.js) - Google Analytics