📄 14-39.htm

📁 JavaScript学习的网页教程。内容简单易懂

💻 HTM

字号:

<HTML>
<HEAD>
<TITLE>滚动控制Scroll Controller</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function scrollFunction(x,y) {
	parent.frames[0].scroll(x,y)
	//亦可直接用上框架的名字写成：parent.display.scroll(x,y)
}
function customScroll(form) {
	parent.frames[0].scroll(form.x.value,form.y.value)
	//亦可用：parent.frames[0].scroll(parseInt(form.x.value),parseInt(form.y.value))
}
</SCRIPT>
</HEAD>
<BODY>
<H2>滚动控制器Scroll Controller</H2>    
<HR>
<FORM NAME="fixed">
请选择下面一个按钮对上面一帧里的图片位置进行滚动控制
<P>
选择水平的起点象素数和垂直的起点象素数
<P>
Click on a scroll coordinate for the upper frame:
  <P> 
    <INPUT TYPE="button" VALUE="0,0" onClick="scrollFunction(0,0)">
    <INPUT TYPE="button" VALUE="0,100" onClick="scrollFunction(0,100)">
    <INPUT TYPE="button" VALUE="100,0" onClick="scrollFunction(100,0)">
    <!--  如果上框架的内容在窗口的水平方向可以完全显示，则水平方向象素起点位置等同于第0个象素开始。-->
  <P> 
    <INPUT TYPE="button" VALUE="-100,100" onClick="scrollFunction(-100,100)">
    <!--  -100的设置水平方向象素起点位置等同于第0个象素开始。-->
    <INPUT TYPE="button" VALUE="20,200" onClick="scrollFunction(20,200)">
    <INPUT TYPE="button" VALUE="1000,3000" onClick="scrollFunction(1000,3000)">
    <!--  此设置只调整到使上面一帧窗口内容右下角可见为止，不会按这里指定的象素数调整位置。-->
</FORM>
<HR>
<FORM NAME="custom">
输入水平方向起点象素数（Enter an Horizontal） 
<INPUT TYPE="text" NAME="x" VALUE="0" SIZE=4">
<br>
输入垂直象素数（Enter an Vertical）&nbsp;&nbsp; <INPUT TYPE="text" NAME="y" VALUE="0" SIZE=4"> 
<br>
<INPUT TYPE="button" VALUE="click to scroll" onClick="customScroll(this.form)">
</FORM>
</BODY>
</HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -