javascript实现右侧弹出"分享到"窗口效果

本文实例讲解了爪哇岛描述语言实现右侧弹出"分享到"窗口的详细代码，分享给大家供大家参考，具体内容如下

效果图：

具体代码：

html health neta charset=' GB 2312 ' title/title style type=' text/CSS ' body { padd : 0；保证金： 0；} # div1 { width: 100px高度： 150像素；背景-颜色： # 1 B6D 85左侧：-100像素；绝对位置：} # div1 span { width: 20px高度： 100像素；线高： 30px背景-颜色： # 1 B6D 85left:100pxtop:20px绝对位置：}/style脚本类型=' text/JavaScript '窗口。onload=function(){ var ODI v1=document。getelementbyid(' div 1 ')；oDiv1.timer=nullODI v1。onmouseover=function(){ startMove(this，0)；};ODI v1。onmouseout=function(){ startMove(this，-100)；};};窗户。on scroll=function(){ var ODI v1=document。getelementbyid(' div 1 ')；var ioffsetMiddle=文档。文档元素。向上滚动| |文档。尸体。滚动顶部；ioffsetMiddle=ioffsetMiddle(文档。文档元素。客户端高度-ODI v1。偏右)/2；//防止有小数，导致一直跳动ioffsetMiddle=parsent(ioffsetMiddle)；startMiddle(oDiv1，ioffsetMiddle)；};函数startMiddle(obj，itar get){ clearInterval(obj。time rmidle)；物体。time rmidle=SetInterval(function(){ var speed=(itar get-obj。offset top)/8；//如果大于零就取上，小于零就取下速度=速度0?数学天花板（速度):数学地板（速度);文件。getelementbyid('输入1 ').value=iTarget '-' (obj.offsetTop速度);如果。offset top==itar get){ clearInterval(obj。time rmidle)；} else { obj。风格。top=obj。偏移速度‘px’；}}, 10);}函数startMove(obj，iTarget){ clearInterval(obj。计时器)；物体。timer=setInterval(function(){ var speed=(itar get-obj。offset left)/8；速度=速度0?数学天花板（速度):数学地板（速度);如果。offsetleft==itar get){ clearInterval(obj。计时器)；} else { obj。风格。左=obj。偏移速度“px”；}}, 10);}/脚本/头体样式='高度：2000 px'输入类型=' text ' id=' input 1 '/div id=' div 1 ' span分享到/span/div/body/html以上就是本文的全部内容，希望对大家的学习有所帮助。