`

loading......及网摘JQuery实例

阅读更多
	function createDiv(){
		jQuery("body").css({overflow:"hidden"});
		var browserwidth = jQuery(window).width();
		var browserheight=jQuery(window).height();
		var scrollleft = jQuery(window).scrollLeft();
		var scrolltop = jQuery(window).scrollTop();
		var height =browserheight+ scrolltop;
		var width =browserwidth + scrollleft;
		var waitDiv = jQuery("<div/>").css({position:'absolute',display:'block',border:"0px solid #FFFFFF",background:"#FFFFFF",filter:"AlPha(opacity=60)"})
					.css({"top":scrolltop+"px","left":scrollleft+"px"})
					.css("text-align","center")
					.css("width",browserwidth+"px").height(browserheight+"px").appendTo(jQuery("body"));
		waitDiv[0].oncontextmenu =function(){return false;};
		waitDiv[0].keypress=function(){return false;};
		//var showDiv = jQuery("<div/>").css({"margin-top":(browserheight-100)/2+"px"}).height("100px").width("100px").appendTo(waitDiv);
		//jQuery("<img src='<%=request.getContextPath()%>/images/loading.gif' align='middle'>").appendTo(showDiv);
		var showDiv = jQuery("<div><img src='<%=request.getContextPath()%>/images/loading.gif' align='middle'></div>").css({"margin-top":(browserheight-100)/2+"px"}).height("100px").width("100px").appendTo(waitDiv);
	}

 

  • 大小: 8 KB
分享到:
评论

相关推荐

    jQuery.spin.js自定义页面加载Loading动画代码

    4. **多实例支持**:jQuery.spin.js还支持在同一页面上创建多个独立的加载动画实例,只需指定不同的元素即可。 5. **与其他jQuery插件的集成**:由于jQuery.spin.js是基于jQuery构建的,因此它可以方便地与其他...

    jquery loading(遮罩)插件

    jQuery Loading插件用于当DOM元素加载或变化期间,对其进行遮挡阻止用户操作并告知有些后台任务还在进行。实现“正在加载中…”的效果。整个插件只有1kb左右。效果跟extjs遮罩(锁屏)效果基本一样。

    loading.gif图标,背景透明

    在网页设计中,用户体验是至关重要的,而"loading.gif"图标正是为了提升用户体验而存在的关键元素。这种动态图标通常在页面内容正在加载时显示,给用户一个视觉反馈,表明系统正在进行工作,避免用户因长时间等待而...

    51种loading.gif图片

    "51种loading.gif图片"这个压缩包文件包含了51个这样的动态加载图标,旨在为开发者和设计师提供多样化的选择,以提升他们的界面交互体验。 首先,我们要理解.gif格式。GIF(Graphics Interchange Format)是一种...

    drag-loading.js

    drag-loading.js

    237个各式各样的loading.gif图标合计

    在IT行业中,用户体验是至关重要的一个环节,而加载图标(loading.gif)就是在用户等待内容加载时提供视觉反馈的重要元素。这个资源包包含了237个不同的loading.gif图标,旨在为开发者和设计师提供丰富的选择,以...

    jquery.lazyload.js

    jQuery.Lazyload.js的核心原理在于"懒加载"(Lazy Loading)。这种技术主要是针对网页中的图片资源,尤其是那些位于页面滚动视窗之外的图片。传统的网页加载方式会一次性加载所有图片,而懒加载则只加载当前可视区域...

    Jquery.ScrollLoading图片延迟加载插件

    为了解决这个问题,开发者们引入了“延迟加载”(Lazy Loading)技术。jQuery.ScrollLoading插件就是这种技术的一个实现,它能够智能地在用户滚动到可视区域时加载图片,从而提高网页加载速度,节省带宽。 **1. ...

    loading....

    为了解决这个问题,开发者通常会在页面加载过程中显示"loading..."提示,同时搭配加载进度条来告知用户当前的加载状态,让用户了解网页正在努力加载,并且预计何时可以完成。 "loading..." 提示是一种视觉反馈机制...

    jquery页面跳转loading加载.rar

    &lt;img src="loading.gif" alt="加载中..." /&gt; ``` 2. 显示loading: 在页面开始加载或跳转前,显示loading元素: ```javascript $("#loading").show(); ``` 3. 隐藏loading: 在内容加载完成后,隐藏loading元素...

    jquery.mloading.zip

    &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; &lt;script src="path/to/jquery.mloading.js"&gt; ``` 接下来,使用jQuery-Mloading非常简单。只需调用$.mloading()方法,并根据需要设置参数。...

    jQuery loading加载动画特效

    在对应的`loading.css`和`loading.js`文件中,编写CSS样式和jQuery脚本,实现动画效果。 六、优化与拓展 除了基本的加载动画,还可以结合Ajax请求进行更复杂的应用,比如在数据异步加载时显示加载动画,数据加载...

    jquery-ias.min.zip

    loader: "Loading..." // 加载提示文本 }); // 监听“load”事件 ias.on('load', function(event) { console.log('正在加载新内容...'); }); }); ``` 总的来说,jQuery IAS插件通过JavaScript和Ajax技术,...

    JavaScript图片预加载代码,显示loading.rar

    JavaScript图片预加载代码,显示loading.rarJavaScript图片预加载代码,显示loading.rarJavaScript图片预加载代码,显示loading.rarJavaScript图片预加载代码,显示loading.rarJavaScript图片预加载代码,显示...

    程序解说,LOL LOading....百度论坛

    程序解说,LOL LOading....百度论坛

    jQuery dynamic content loading.zip

    "jQuery dynamic content loading.zip"是一个开源项目,旨在帮助开发者轻松地在网站上实现动态内容的加载,同时维护HTML5的历史记录,确保后退/前进按钮的正常功能。 该项目的核心是利用jQuery的Ajax功能来异步加载...

    使用jQuery插件FancyBox轻松实现弹窗视频

    &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; &lt;script src="path/to/jquery.fancybox.min.js"&gt; ``` 接下来,我们需要对要触发弹窗的元素进行设置。假设我们有一个HTML视频标签`&lt;video&gt;`,...

    loading.gif

    在前端开发中,"loading.gif" 是一种常见的用于表示页面或资源正在加载的动画图形。这类动图通常具有大部分透明背景,以便于适应各种不同颜色的网页设计,不会与页面元素产生冲突,提供一个干净、无缝的用户体验。...

    Android loading...加载动画

    "Android loading...加载动画"是一个专门针对这种情况设计的组件或库,为开发者提供了方便快捷的方式来实现各种各样的加载效果。 ZProgressHUD是一个流行的选择,它是一个轻量级的进度 HUD(Head Up Display)库,...

Global site tag (gtag.js) - Google Analytics