之前做一个项目,感觉里面的弹出层做的挺好,但是代码结构有问题,这次用到了,重构了一下,改成jQuery的插件形式,并增加了reLoad的功能,感觉还不错,代码如下: 代码如下: (function($){ $.module={ _showCoverLayer:function(){//显示遮盖层 this.coverLayer=$("#TB_overlay"); var height=$(document).height()+"px"; var width=$(document).width()+"px"; if(this.coverLayer.length>0){ this.coverLayer.css({"visibility"...
蒙板是两个div,其中popWindow样式的div用于遮住整个页面,并半透明。maskLayer 在popWindow上面,用于显示蒙板的信息,比如“载入中……“ 代码如下: .popWindow { background-color:#9D9D9D; width: 100%; height: 100%; left: 0; top: 0; filter: alpha(opacity=50); opacity: 0.5; z-index: 1; position: absolute; } .maskLayer { background-color:#000; width: 200px; height: 30px; line-height: 30px; left: 50%; top...
代码如下: //下载 $(document).ready(function(){ alert("您好,欢迎来到Jquery!"); }) 将以上代码置于head标签中即可。JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布到npm的方法Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vue.js路由后失效的问题微信小程序实现换肤功能JS中touchstart事件与click事件冲突的解...
代码如下: $(function () { $('#btn').click(function () { alert($('#s option:selected').val()); }) }) 商 炳 奇 JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布到npm的方法Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vue.js路由后失效的问题微信小程序实现换肤功能JS中touchstart事件与click事件冲突的解...
用window.location.reload()方法刷新页面时,有时浏览期会出现一个这样的弹出框, 解决办法是: 一: document.location.href = "${base}/rwfp/rwfpcontent" 用这种方法找到页面对应的Action的位置,这样做虽然页面刷新,但是刷新后数据会从第一页开始显示,并不是停留在原来的页面. 二: $("#yhsubmit").click() 这种方法跟分页相关,#yhsubmit为 代码如下: <#compress> <#include "../layout/pagination.ftl"/> <#if pagination?exists>...
代码如下://工具方法弹出蒙版 add by dning 2012-11-4var maskShow = (function () { var mask = null; var curr = null; var free = false; var func = { onresize: null, onscroll: null }; return function (el, fre, Type) { if (!mask) { initMask(); } free = !!fre; if (el == null) { show(curr, false); show(mask, false...
思路: 1.首先要定位实现这种效果的元素 ,本次通过class 2.如果是动态显示不同的提示内容,需设置title 3.通过JQ给定位到元素加上 mouseover 和mouseout 事件 4.再完善下,弹出框跟随鼠标在目标元素上移动 5.再把 mouseover 、mouseout 合并成 hover 代码如下: //页面加载完成 $(function () { var x = 10; var y = 20; //设置提示框相对于偏移位置,防止遮挡鼠标 $(".prompt").hover(function (e) { //鼠标移上事件...
单击浏览器右上角的X弹出提示窗口,简单实现。代码如下: window.onunload = function () { if (event.clientY document.body.scrollWidth) { //event.returnValue = 'Are you sure you want to leave the page? '; window.alert('欢迎光临爱智旮旯的博客!') } } JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布到npm的方法Vue利用canvas实现移动端...
方法一: [javascript] 代码如下:function hidePopup(){ var popUp = document.getElementById("popupcontent"); popUp.innerHTML=; popUp.style.visibility = "hidden"; } 方法二 代码如下:flashObject.stop();[javascript] document.getElementById(popupcontent).stop();
[html] 代码如下: 弹出窗口 #popupcontent{ position: absolute; visibility: hidden; overflow: hidden; border:1px solid #CCC; background-color:#F9F9F9; border:1px solid #333; padding:5px;} var baseText = null; function showPopup(w,h){ var popUp = document.getElementById("popupcontent"); popUp.style.top = "200px"; popUp.style...
代码如下: function showLogin() { var loginDiv = document.getElementById("loginDiv"); var zhezhao = document.getElementById("zhezhao"); var clientx = document.documentElement.clientWidth; var clienty = document.documentElement.clientHeight; var l_margin = (clientx - parseInt(loginDiv.style.width)) / 2; var t_margin = (...
具体步骤:方法一:弹出窗口里加上代码:onblur="self.focus()":方法二:用showModalDialog方法建立模式对话框,它的参数说明如表1.5.2所示。 function topwin(){ window.showModalDialog(http://www.jb1.net,"","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no") }打开模式窗口方法三:用showModelessDialog方法建立无模式对话框,它的参数跟模式对话框完全一样,可以参考表1.5.2。 function topwin(){ wi...
if(confirm("确定要进行此操作吗?")) { alert("把确定的事件写到这里吧!"); } else { alert("如果取消,就写一个返回事件吧!"); } jQuery.ligerDialog.confirm('确定删除吗?', function (confirm) { if (confirm) f_delete(); });======================================== 【居中弹出消息框】LG.showSuccess("更新成功!当前临时电量将被清...
一、载入 代码如下: 二、Html 代码如下: 三、在Add中添加事件 代码如下: //工具条事件 function toolbarBtnItemClick(item) { switch (item.id) { case "add": addbill({}, true, '添加记录', false); break; case "view": var selected = grid.getSelect...
代码如下: /*document.oncontextmenu=Youji;*/ //为当前文档添加鼠标右击事件,防止默认的右击菜单弹出 function Youji() { alert("右击成功!"); return false; } //为某个dom元素添加鼠标右击事件 window.onload = function(){ document.getElementById("div1").oncontextmenu=Youji; } JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布到npm的方法Vue利用canvas实现移动端手写板的方法vue2.0 移动端实...