WD1X.COM - 问答一下,轻松解决,电脑应用解决专家
主板显卡CPU内存显示器
硬盘维修显卡维修显示器维修
注册表系统命令DOS命令Win8
存储光存储鼠标键盘
内存维修打印机维修
WinXPWin7Win11Linux
硬件综合机箱电源散热器手机数码
主板维修CPU维修键盘鼠标维修
Word教程Excel教程PowerPointWPS
网络工具系统工具图像工具
数据库javascript服务器
PHP教程CSS教程XML教程

DHTML学习(三)

更新时间:2021-01-28 13:27 作者:45IT收集点击:

第3节. 显示/隐藏

下面的子程序可以让你在不同的浏览器中使用显示和隐藏的功能 
<SCRIPT LANGUAGE="JavaScript">
<!--
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false

function init() {
if (ns4) block = document.blockDiv
if (ie4) block = blockDiv.style
}

function showObject(obj) {
if (ns4) obj.visibility = "show"
else if (ie4) obj.visibility = "visible"
}

function hideObject(obj) {
if (ns4) obj.visibility = "hide"
else if (ie4) obj.visibility = "hidden"
}
//-->
</SCRIPT>
具体调用过程如下: 

showObject(block)
hideObject(block)
第4节. 元素的移动与滑动
要实现元素的移动与滑动,就必须有办法取得元素的当前位置,IE和NS取得元素的方法略有差别,因为 IE 储存元素位置的时候总在值的后面加 "px". 我们可用如下方法处理:

假如你想得到 

block.left (记住block是前文提到的指针变量)
你要写成: 

parseInt(block.left)
  另外,JavaScript 可以让你无限制的给元素添加新的性质,这给我们编程带来极大便利,就上例,每次都写 parseInt() 很麻烦,编程时我们可以把元素当前的位置记在两个新的性质xpos, ypos里: 

block.xpos = parseInt(block.left)
block.ypos = parseInt(block.top)
这样, 以后你想要知道元素的位置, 只要调用 xpos 和 ypos 就行了。

通用移动子程序 

moveto() Function 

下面这个子程序用来移动一个元素到绝对位置 (x, y) 

function moveTo(obj,x,y) {
obj.xpos = x
obj.left = obj.xpos
obj.ypos = y
obj.top = obj.ypos
}
使用这个子程序移动元素,只需赋予 layer 的指针名字和新的位置 x, y 就行了。看下面例子: 

if (ns4) block = document.blockDiv
if (ie4) block = blockDiv.style
block.xpos = parseInt(block.left)
block.ypos = parseInt(block.top)
如果你要把blockDiv移动到一个新的地址 (50, 100), 你可以用如下的语句完成. 

moveTo(block,50,100)
moveBy() Function 


下面这个子程序用来移动一个元素到相对位置 (x, y),它与 moveTo() 的区别在于它是把元素移动到相对于当前的位置 x, y,而不是窗口的坐标 x, y. 

function moveBy(obj,x,y) {
obj.xpos += x
obj.left = obj.xpos
obj.ypos += y
obj.top = obj.ypos
}
比如把上述元素往右边移动 20 pixels 和往上移动 10 pixels. 你可以写成 

moveBy(block,20,-10)

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
你可能感兴趣的内容