而所封装的代码如下
ホームページウェブフロントエンドjsチュートリアルjquery.boxy ポップアップ ボックス (N 秒後に自動的に非表示/自動的にジャンプ)_jquery

Boxy ポップアップ ボックスの使用については、以前にいくつかの記事を書きました ( jquery.boxy の基本 を参照)。今日は、ニーズを解決した後、記録する価値があると考えたので、別の記事を書きます。はい、ダイアログ ボックスが表示された後、N 秒後に自動的に非表示になり、自動的にジャンプします。

効果は図に示すとおりです:
jquery.boxy ポップアップ ボックス (N 秒後に自動的に非表示/自動的にジャンプ)_jquery
カプセル化されたコードは次のとおりです:

コードをコピー コードは次のとおりです:

// ボックス型ダイアログ ボックス拡張機能
var Boxy_Extensions = {
options: {
title: 'Art Bar Tip',
closeText: 'x'
},
//ポップアップ表示後 N 秒後に非表示
alertDelayFun: function (info, timer, options) {
options = $ .extend(this.options, options || {});
new Boxy("
" info "
", $.extend({ behaviours: function () {
setTimeout('$(".boxy-wrapper"). Hide();', timer);
}
}, options));
},
//ポップアップ後、自動的にジャンプします
alertHrefFun: function (info, href , options) {
options = $.extend(this.options, options || {});
new Boxy("
" info "
", $.extend({ behaviours: function () {
location.href = href;
}
}, options));
}
}

options 属性は public であるため、言及されており、各メソッドの呼び出し時にオプションが渡される場合は独自のオプションがあります。独自のメソッドに、$.extendを渡す

をクラス内のoptions属性の内容とマージする(該当キーの値を上書きし、新しいキーの値を拡張する)JSを書くそうです。オブジェクト指向の原則に従う必要もあります (笑)。
声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
如何实现PHP表单提交后的页面跳转如何实现PHP表单提交后的页面跳转Aug 12, 2023 am 11:30 AM

如何实现PHP表单提交后的页面跳转【简介】在Web开发中,表单的提交是一项常见的功能需求。当用户填写完表单并点击提交按钮后,通常需要将表单数据发送至服务器进行处理,并在处理完后将用户重定向至另一个页面。本文将介绍如何使用PHP来实现表单提交后的页面跳转。【步骤一:HTML表单】首先,我们需要在HTML页面中编写一个包含表单的页面,以便用户填写需要提交的数据。

php如何登录跳转传值php如何登录跳转传值Jun 05, 2023 am 10:44 AM

php登录跳转传值的方法:1、POST传值,使用html的“form”表单跳转的方法来进行post传值;2、GET传值,用<a>标签跳转进入xxx.php后,通过“$_GET['id']”获取传递的值;3、SESSION传值,一旦保存到SESSION中,其他页面都可以通过SESSION获取。

3秒跳转页面实现方法:PHP编程指南3秒跳转页面实现方法:PHP编程指南Mar 25, 2024 am 10:42 AM

标题:3秒跳转页面实现方法:PHP编程指南在网页开发中,页面跳转是常见的操作,一般情况下我们使用HTML中的meta标签或者JavaScript的方法进行页面跳转。不过,在某些特定的情况下,我们需要在服务器端进行页面跳转。本文将介绍如何使用PHP编程实现一个在3秒内自动跳转到指定页面的功能,同时会给出具体的代码示例。PHP实现页面跳转的基本原理PHP是一种在

跳转到指定页面的PHP代码实现方法跳转到指定页面的PHP代码实现方法Mar 07, 2024 pm 02:18 PM

在编写网站或应用程序时,经常会遇到需要跳转到指定页面的需求。在PHP中,我们可以通过几种方法来实现页面跳转。下面我将为您演示三种常用的跳转方法,包括使用header()函数、使用JavaScript代码和使用meta标签。使用header()函数header()函数是PHP中用来发送原始的HTTP头部信息的函数,在实现页面跳转时可以结合使用该函数。下面是一个

go语言中跳转语句有哪些go语言中跳转语句有哪些Dec 26, 2022 pm 04:33 PM

跳转语句有:1、break语句,用于退出循环或者退出一个switch语句,让程序继续执行循环之后的代码,语法“break;”;2、continue语句用于退出本次循环,并开始下一次循环,语法“continue;”;3、与标签结合跳转到指定的标签语句,语法“标签 + :”;4、goto语句,用于无条件地转移到程序中指定的行,语法“goto 标签;... ...标签: 表达式;”。

PHP编程技巧:如何实现3秒内跳转网页PHP编程技巧:如何实现3秒内跳转网页Mar 24, 2024 am 09:18 AM

标题:PHP编程技巧:如何实现3秒内跳转网页在Web开发中,经常会遇到需要在一定时间内自动跳转到另一个页面的情况。本文将介绍如何使用PHP实现在3秒内实现页面跳转的编程技巧,并提供具体的代码示例。首先,实现页面跳转的基本原理是通过HTTP的响应头中的Location字段来实现。通过设置该字段可以让浏览器自动跳转到指定的页面。下面是一个简单的例子,演示如何在P

跳转购物app怎么关闭跳转购物app怎么关闭Nov 29, 2023 pm 05:30 PM

关闭跳转购物app的方法:1、关闭应用内的跳转功能;2、更改浏览器设置;3、卸载更新或重新安装app。详细介绍:1、关闭应用内的跳转功能,打开购物app,在首页或搜索结果页中点击想要购买的商品,进入商品详情页后,不要直接点击“立即购买”或类似按钮,而是先点击页面右上角的“更多”或“设置”图标,在弹出的菜单中,找到“关闭跳转”或类似的选项,并点击它,确认关闭跳转功能等等。

JavaScript 如何实现弹出框的拖动的同时限制在页面可见区域内?JavaScript 如何实现弹出框的拖动的同时限制在页面可见区域内?Oct 18, 2023 pm 12:26 PM

JavaScript如何实现弹出框的拖动的同时限制在页面可见区域内?在网页开发中,我们常常会遇到需要实现弹出框或对话框的需求。而其中一个常见的需求就是让这些弹出框能够随意拖动,并且限制在页面的可见区域内。本文将介绍如何使用JavaScript来实现这个功能,并提供相应的代码示例。首先,我们需要了解一些基本概念。在Web开发中,页面的可见区域可以用窗口的宽度

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。