`

jQuery遮罩Loading加载特效

 
阅读更多
jQuery遮罩Loading加载特效是一款超实用的简易版网页加载样式特效。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery遮罩Loading加载特效</title>
<link rel="stylesheet" href="src/jquery.mloading.css">
<script src="src/jquery-1.8.3.min.js"></script>
<script src="src/jquery.mloading.js"></script>
</head>
<body>

<center><br><br><br>
<button type="button" id="btnTest">遮罩页面</button>
</center>


<script>
$(function(){
$("#btnTest").click(function(){
$("body").mLoading();
});
});
</script>

</body>
</html>


注意：
适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。

请查看附件demo，运行index.html文件即可
分享到：
| linux 怎么查询jdk版本信息
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery遮罩Loading加载特效.zip

    "jQuery遮罩Loading加载特效"就是为此目的设计的一个实用工具，它能为用户提供一个简洁而高效的加载界面，使得网页加载过程更加有趣且不那么枯燥。 jQuery是一个广泛使用的JavaScript库，它简化了HTML文档遍历、...

    jQuery遮罩Loading加载特效特效代码

    jQuery遮罩Loading加载特效是一种广泛应用于网页开发中的技术，它为用户提供了一种视觉反馈，表明网页正在处理数据或加载内容。这种特效通过在页面上显示一个半透明的遮罩层，通常配以“加载中”或者动画效果，来...

    jQuery Loading遮罩加载特效

    jQuery Loading遮罩加载特效是一种广泛应用于网页开发中的交互设计元素，它在页面内容正在加载时显示一个半透明的遮罩层，通常配以动画效果，以提示用户等待过程正在进行。这种特效可以提升用户体验，因为它给予用户...

    jQuery炫酷页面预加载Loading特效插件

    在本项目中，我们关注的是"jQuery炫酷页面预加载Loading特效插件"，这是一种用于提升用户体验的技术，特别是在网页内容加载期间。 预加载（Preloading）是一种优化网页性能的方法，通过展示一个加载动画，告知用户...

    手机网页遮罩动态加载效果.zip

    5. 当页面内容加载完毕，通过jQuery隐藏遮罩层，同时更新加载指示器状态，表示加载完成。 值得注意的是，为了确保在不同设备和浏览器上的兼容性，开发者可能还需要考虑使用Modernizr等工具检测浏览器特性，或者使用...

    【不下载就后悔系列】js特效之遮罩层的巧妙应用

    在“js特效”这个领域，jQuery插件如“jQuery Mask Plugin”等可以帮助开发者快速实现复杂的遮罩效果，如输入掩码、日期选择器等。 在提供的压缩包文件中，我们有以下几个关键资源： 1. `index.html`：这是主网页...

    框架加载时的loading效果，兼容Firefox.rar

    在这个资源中，"JS特效-其它代码"标签暗示了我们将会看到一些非标准或者特定用途的JS代码，可能是针对某些特定框架如jQuery或AngularJS的加载动画。 在压缩包中，有两个文件：`说明.htm`和`index.htm`。`说明.htm`...

    jQuery实现的页面遮罩层功能示例【测试可用】

    为了创建一个基本的jQuery遮罩层，我们可以遵循以下步骤： 1. **HTML结构**： 在HTML中，我们需要设置基础布局。在这个示例中，有两个主要部分：一个用于触发遮罩层的`&lt;section&gt;`元素（`fh-link-bar`类）和一个...

    jQuery简单实现提交数据出现loading进度条的方法

    背景层用于遮罩页面，展示loading效果，其样式设置为`display: none`，默认不显示，当需要显示加载状态时再将其设置为`display: block`。加载图标容器则包含了加载图标的图片，同样初始设置为不显示。 ```html &lt;!...

    jQuery按钮控制叠加图片旋转木马切换代码.zip

    10. **优化与性能**：在实际应用中，为了提高性能，可能会对图片进行懒加载（lazy loading），即只在图片进入视口时才加载，减少页面加载时间和数据消耗。 以上就是关于“jQuery按钮控制叠加图片旋转木马切换代码”...

    jQuery九宫格点击弹出内容代码.zip

    7. **优化与性能**：为了提高页面加载速度和用户体验，可能使用了延迟加载（lazy loading）技术，只有当图片进入视口时才加载，减少了不必要的网络请求。 综上所述，《jQuery九宫格点击弹出内容代码》是一个综合...

    jQuery带放大镜LightBox画廊代码.zip

    此外，“jQuery带放大镜LightBox画廊代码”可能还包含了自定义选项和配置，如图片延迟加载（lazy loading）、键盘导航支持、关闭按钮、预加载指示器等，以提高用户交互性和性能优化。 在实际应用中，开发者需要将...

    jQuery实现切换页面过渡动画效果

    该页面切换特效的HTML结构使用一个元素来作为页面的包裹元素，div.cd-cover-layer用于制作页面切换时的遮罩层，div.cd-loading-bar是进行ajax加载时的loading进度条。 &lt;h1&gt;Page Transition &lt;!-- your ...

    利用css的clear属性实现广告文字环绕效果

    一个Flash结合jquery实现的特效，加载远程图片显示进度条，对进度条可方便的定义，代码内loadBg为背景DIV，loading为加载条DIV，loadText为百分比DIV；加载完毕后回调函数----回调参数说明:url-传回图片地址值,...

Magicbox
Global site tag (gtag.js) - Google Analytics