1、首先来看下测试代码,html里,主要部分有二个input输入框,和一个按钮。
2、在js代码里,借助Jquery插件库来操作,以减少代码,所以先引入对应的脚本库文件。
3、js代码里,为按钮添加点击事件,点击后,就用jquery设置姓名输入框的disabled属性,设置为false,这样输入框就不能输入了,为禁止状态了。只要调用jquery的 attr方法,然后输入属性的名称和值就行了:$("#name").attr('disabled', true)。
4、运行页面,可以看到现在的输入框是可以输入的,是正常状态的,点击一下“修改”按钮。
5、点击后,输入框就变成了禁止状态了,成功设置了输入框的属性。
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。
2、在index.html中的<script>标签,输入js代码:$('#div2').height($('#div1').height())。
3、浏览器运行index.html页面,此时div2的高度被设置成和div1一致了。
层滑动出来,的效果把层对象传到这几个函数调用就行
function initMoveDiv( style ) {
block1 = style
block1.x = block1.top
block1.left = -500
}
function OpenMoveDiv() {
//alert(block1.x)
if (block1.x <5) {
block1.x += 10
block1.right = block1.x
setTimeout("OpenMoveDiv", 2)
}
}
function CloseMoveDiv() {
//block1.x = -200
//block1.left = block1.x
if (block1.x >-200) {
block1.x -= 10
block1.top = block1.x
setTimeout("CloseMoveDiv()", 2)
}
}
或这个 ,也是类似的效果 ,还有点注释
//记录最后一个打开的DIV
var oldDiv = ""
/*显示DIV*/
function showDIV(obj)
{
var myDIV = document.getElementById(obj)
//alert(obj)
//如果有打开的,先关闭老的DIV
if(oldDiv != "")
{
closeDiv(oldDiv)
}
oldDiv = obj//记录当前打开的DIV
/*获取当前鼠标左键按下后的位置,据此定义DIV显示的位置*/
var leftedge= document.body.clientWidth-event.clientX
var bottomedge = document.body.clientHeight-event.clientY
/*如果从鼠标位置到窗口右边的空间小于DIV的宽度,就定位DIV的左坐标(Left)为当前鼠标位置向左一个DIV宽度*/
if (leftedge <myDIV.offsetWidth)
{
myDIV.style.left = document.body.scrollLeft + event.clientX - myDIV.offsetWidth
}
else
{
/*否则,就定位DIV的左坐标为当前鼠标位置*/
myDIV.style.left = document.body.scrollLeft + event.clientX
}
/*如果从鼠标位置到窗口下边的空间小于DIV的高度,就定位DIV的上坐标(Top)为当前鼠标位置向上一个DIV高度*/
if (bottomedge <myDIV.offsetHeight)
{
myDIV.style.top = document.body.scrollTop + event.clientY - myDIV.offsetHeight
}
else
{
/*否则,就定位DIV的上坐标为当前鼠标位置*/
myDIV.style.top = document.body.scrollTop + event.clientY
}
/*设置DIV可见*/
myDIV.style.display = "block"
}
function closeDiv(obj)
{
var o = document.getElementById(obj).style.display='none'
//清空当前打开的DIV
oldDiv = ""
}