在JS中自定义函数并实现类似 $.messager.confirm(title, msg, fn)功能,请附代码。

JavaScript010

在JS中自定义函数并实现类似 $.messager.confirm(title, msg, fn)功能,请附代码。,第1张

这个不是EasyUI的语法么 ,其实你可以用JavaScript中的内置语法啊

if(confirm('确定?')){

alert('OK')

}

else{

alert('NO')

}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">

<style type="text/css">

body{

height:2000px

}

.right{

position:absolute

right:0

bottom:0

width:100px

height:100px

background:#345678

}

</style>

</head>

<body>

<div>参照物</div>

<div class="right">我很淡定</div>

<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>

<script type="text/javascript">

$(window).scroll(function(){

var topValue = $(window).scrollTop()

$('.right').css('bottom',-topValue)

})

</script>

</body>

</html>

<!-- 请更改Jquery路径后查看 -- >

把一个div做成对话框的模样,弹出时显示,不弹出时隐藏,这样就可以随心所欲的操作了如果要做模态对话框效果那就把div尺寸做的和浏览器可视尺寸一样大,位置固定(fixed),这样有滚动条也没事映像中我是这么做的,代码不知道仍在哪了,得找找...

function opennew(x,y,title,o)

{

//doucment.createElement可以用来构造新的DOM对象

var w=document.createElement("div")

//下面一组style属性控制了模拟窗口的样式

//DOM提供的style属性可以很方便地让JavaScript控制元素的展现方式

w.id = "new_bord"

w.style.top=y

w.style.left=x

w.style.height=100

w.style.width=300

w.style.position="absolute"

w.style.background="#00ffff"

w.style.paddingTop = 10

//通过appendChild()方法将创建的div元素对象添加到body的内容中去

w.innerHTML = "<center><h3>"+title+"</h3><input type='text' id='new_text'><br><input type='button' id='new_confirm' o='" +o+ "'value='确认'> <input type='button' id='new_cancel' value='取消'/></center>"

document.body.appendChild(w)

document.getElementById("new_text").focus()

}