【jquery练习】返回顶部+伸缩显示
上源代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
#focusDiv{ width:200px; height:80px; position:fixed; top:50px; right:-150px; border:1px solid #ddd;}
#focusDiv p{ margin-bottom:5px; width:200px; height:50px; border:1px solid #000;}
</style>
</HEAD>
<BODY>
<div style="height:100px">
事件机制，在JS中感觉很容易让人接受，一个鼠标被按下时会发生一些事情，一个键盘的键被抬起时同样可以发生一些事情，这种比喻很容易让人接受，不是吗，呵呵。<BR>
下面我将JS中几个主要的事件说一下，然后再说一下触发事件的几个方法。<BR>
JS中的主要事件说明 <BR>
以下是我们在项目开发中常用到的事件，红色的为最常用的事件，呵呵<BR>
onclick 鼠标点击某个对象<BR>
ondblclick 鼠标双击某个对象<BR>
onerror 当加载文档或图像时发生某个错误<BR>
onfocus元素获得焦点<BR>
onkeydown某个键盘的键被按下<BR>
onkeypress某个键盘的键被按下或按住<BR>
onkeyup某个键盘的键被松开<BR>
onload某个页面或图像被完成加载<BR>
onmousedown某个鼠标按键被按下<BR>
onmousemove鼠标被移动<BR>
onmouseout鼠标从某元素移开<BR>
onmouseover鼠标被移到某元素之上<BR>
onmouseup 某个鼠标按键被松开<BR>
onselect 文本被选定<BR>
onsubmit 提交按钮被点击<BR>
事件机制，在JS中感觉很容易让人接受，一个鼠标被按下时会发生一些事情，一个键盘的键被抬起时同样可以发生一些事情，这种比喻很容易让人接受，不是吗，呵呵。<BR>
下面我将JS中几个主要的事件说一下，然后再说一下触发事件的几个方法。<BR>
JS中的主要事件说明 <BR>
以下是我们在项目开发中常用到的事件，红色的为最常用的事件，呵呵<BR>
onclick 鼠标点击某个对象<BR>
ondblclick 鼠标双击某个对象<BR>
onerror 当加载文档或图像时发生某个错误<BR>
onfocus元素获得焦点<BR>
onkeydown某个键盘的键被按下<BR>
onkeypress某个键盘的键被按下或按住<BR>
onkeyup某个键盘的键被松开<BR>
onload某个页面或图像被完成加载<BR>
onmousedown某个鼠标按键被按下<BR>
onmousemove鼠标被移动<BR>
onmouseout鼠标从某元素移开<BR>
onmouseover鼠标被移到某元素之上<BR>
onmouseup 某个鼠标按键被松开<BR>
onselect 文本被选定<BR>
onsubmit 提交按钮被点击<BR>
事件机制，在JS中感觉很容易让人接受，一个鼠标被按下时会发生一些事情，一个键盘的键被抬起时同样可以发生一些事情，这种比喻很容易让人接受，不是吗，呵呵。<BR>
下面我将JS中几个主要的事件说一下，然后再说一下触发事件的几个方法。<BR>
JS中的主要事件说明 <BR>
以下是我们在项目开发中常用到的事件，红色的为最常用的事件，呵呵<BR>
onclick 鼠标点击某个对象<BR>
ondblclick 鼠标双击某个对象<BR>
onerror 当加载文档或图像时发生某个错误<BR>
onfocus元素获得焦点<BR>
onkeydown某个键盘的键被按下<BR>
onkeypress某个键盘的键被按下或按住<BR>
onkeyup某个键盘的键被松开<BR>
onload某个页面或图像被完成加载<BR>
onmousedown某个鼠标按键被按下<BR>
onmousemove鼠标被移动<BR>
onmouseout鼠标从某元素移开<BR>
onmouseover鼠标被移到某元素之上<BR>
onmouseup 某个鼠标按键被松开<BR>
onselect 文本被选定<BR>
onsubmit 提交按钮被点击<BR>
事件机制，在JS中感觉很容易让人接受，一个鼠标被按下时会发生一些事情，一个键盘的键被抬起时同样可以发生一些事情，这种比喻很容易让人接受，不是吗，呵呵。<BR>
下面我将JS中几个主要的事件说一下，然后再说一下触发事件的几个方法。<BR>
JS中的主要事件说明 <BR>
以下是我们在项目开发中常用到的事件，红色的为最常用的事件，呵呵<BR>
onclick 鼠标点击某个对象<BR>
ondblclick 鼠标双击某个对象<BR>
onerror 当加载文档或图像时发生某个错误<BR>
onfocus元素获得焦点<BR>
onkeydown某个键盘的键被按下<BR>
onkeypress某个键盘的键被按下或按住<BR>
onkeyup某个键盘的键被松开<BR>
onload某个页面或图像被完成加载<BR>
onmousedown某个鼠标按键被按下<BR>
onmousemove鼠标被移动<BR>
onmouseout鼠标从某元素移开<BR>
事件机制，在JS中感觉很容易让人接受，一个鼠标被按下时会发生一些事情，一个键盘的键被抬起时同样可以发生一些事情，这种比喻很容易让人接受，不是吗，呵呵。<BR>
下面我将JS中几个主要的事件说一下，然后再说一下触发事件的几个方法。<BR>
JS中的主要事件说明 <BR>
以下是我们在项目开发中常用到的事件，红色的为最常用的事件，呵呵<BR>
onclick 鼠标点击某个对象<BR>
ondblclick 鼠标双击某个对象<BR>
onerror 当加载文档或图像时发生某个错误<BR>
onfocus元素获得焦点<BR>
onkeydown某个键盘的键被按下<BR>
onkeypress某个键盘的键被按下或按住<BR>
onkeyup某个键盘的键被松开<BR>
onload某个页面或图像被完成加载<BR>
onmousedown某个鼠标按键被按下<BR>
onmousemove鼠标被移动<BR>
onmouseout鼠标从某元素移开<BR>
onmouseover鼠标被移到某元素之上<BR>
onmouseup 某个鼠标按键被松开<BR>
onselect 文本被选定<BR>
onsubmit 提交按钮被点击<BR>
事件机制，在JS中感觉很容易让人接受，一个鼠标被按下时会发生一些事情，一个键盘的键被抬起时同样可以发生一些事情，这种比喻很容易让人接受，不是吗，呵呵。<BR>
下面我将JS中几个主要的事件说一下，然后再说一下触发事件的几个方法。<BR>
JS中的主要事件说明 <BR>
以下是我们在项目开发中常用到的事件，红色的为最常用的事件，呵呵<BR>
onclick 鼠标点击某个对象<BR>
ondblclick 鼠标双击某个对象<BR>
onerror 当加载文档或图像时发生某个错误<BR>
onfocus元素获得焦点<BR>
onkeydown某个键盘的键被按下<BR>
onkeypress某个键盘的键被按下或按住<BR>
onkeyup某个键盘的键被松开<BR>
onload某个页面或图像被完成加载<BR>
onmousedown某个鼠标按键被按下<BR>
onmousemove鼠标被移动<BR>
onmouseout鼠标从某元素移开<BR>
</div>
<div id="focusDiv">
<p class="ico1">sfsdj</p>
<p class="ico2">sfds</p>
<p class="ico3">sdaf</p>
<p class="ico4">afda</p>
</div>
<script type="text/javascript">
var $ff= document.getElementById('focusDiv');
window.onscroll=function(){
if((document.documentElement.scrollTop+document.body.scrollTop)>100){
//$ff.style.position='absolute';
$ff.style.top='auto';
}
else{
}
}
$ff.onmouseover=function(){
$ff.style.right='0px';
}
$ff.onmouseout=function(){
$ff.style.right='-150px';
}
</script>
</BODY>
</HTML>
