jquery提示sucess

来源:http://www.cnblogs.com/passer101/archive/2017/01/22/6341685.html
-Advertisement-
Play Games

這是學習筆記。 今天做東西的時候,想把體驗做好,於是打算再ajax success欄位中添加函數實現提示sucess。 用了jquery的fadeIn 跟fadeOut,再fadeIn的callback函數中調用了fadeOut,所以在#div1顯示完後又淡出了。 ...


這是學習筆記。

 

今天做東西的時候,想把體驗做好,於是打算再ajax success欄位中添加函數實現提示sucess。

用了jquery的fadeIn 跟fadeOut,再fadeIn的callback函數中調用了fadeOut,所以在#div1顯示完後又淡出了。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>jquery提示</title>
    <link rel="stylesheet" type="text/css" href="bootstrap.css">
    <script type="text/javascript" src="jquery-1.8.1.min.js"></script>
</head>

<body>
    <button>點我</button>
    <div id="div1" style="position: absolute;left: 40%;color:green;display: none;z-index: 99999">
        <h1>SUCCESS</h1></div>
</body>
<script>
$(document).ready(function() {
    $("button").click(function() {
        $("#div1").fadeIn("slow", function() {
            $("#div1").fadeOut("slow");
        });
    });
});
</script>

</html>

  


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 2017年也已經開始了快一個月的時間了,然而我卻好像沒有跨進新一年的感覺 過去的一年裡,前端開發這個行業的變化給我的感覺實在是快得有點眼花繚亂應接不暇 各種工程化工具,各種新框架占據了這個行業裡人們日常討論的話題 然而反思回自己的團隊,仍然是停留在比較基礎的開發流程。不得不讓我恍然醒悟,自己真是半年 ...
  • 在JS中,引擎,編譯器,作用域分別扮演以下角色: 引擎:負責整個Js程式的編譯以及執行過程。 編譯器:負責語法分析以及代碼生成等。 作用域:負責收集並維護所有聲明的標示符(變數)組成的一系列查詢,並實施一套嚴格的規則,確定當前執行的代碼對這些標識符的訪問許可權。 下麵用一個小例子來表示: var a ...
  • new document 首頁 列表 內容 聯繫 關於 ...
  • ...
  • Tabslet Yet another jQuery plugin for tabs, lightweight, easy to use and with some extra features Demonstration page Documentation (wiki) 實例DEMO 運行一下 ...
  • 特性說明和原理圖: 標準瀏覽器和Ie9+瀏覽器都支持事件的冒泡和捕獲,而IE8-瀏覽器只支持冒泡 標準和Ie9+瀏覽器用stopPropagation()或cancelBubble阻止事件傳播,而ie8-用e.cancelBubble屬性來阻冒泡,註意ie9不支持cancelBubble屬性(設置後 ...
  • 前言: 本文為個人學習react-router的總結。包括路由基礎配置,跳轉,許可權管理,組件與路由配置的關係,代碼分割。歡迎交流指導。 一、路由基礎 1.路由配置 & 顯示路由組件的view(類比angular的ui-view) 路由配置:路由匹配的規則 view:放置路由組件的地方(URL匹配了, ...
  • 今天呢,來推薦一款請輕量級 字體圖標框架。Font Awesome 用法與bootstrap相似 打開網址。download下載,然後打開取到這兩個,下載點這裡,這個博客弄的挺好的。 找到examples,進去,用哪個,就直接把類名加上去,這裡,提醒一下,最好用<i></i> 來包含圖標。 點ico ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...