超级会员免费看
本文介绍如何使用JavaScript实现侧栏‘分享到’功能的鼠标移入移出动画效果。通过添加onmouseover和onmouseout事件，并结合自定义的js运动函数，达到在鼠标悬停时显示分享选项，移出时隐藏的效果。
基本思路：采用定时器，为鼠标添加onmouseover和onmouseout功能，采用上一篇文章所写的js运动的实现方法来实现网站侧栏的“分享到”功能。
<!DOCTYPE HTML>
<!--
-->
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#div1{
width:150px;
height:200px;
background:green;
position:absolute;
top:50px;
left:-150px;
}
#div1 span{
position:absolute;
width:20px;
height:60px;
line-height:20px;
background:blue;
right:-20px;
top:70px;
}
</style>
<script>
window.οnlοad=function ()
{
var oDiv=document.getElementById('div1');
oDiv.οnmοuseοver=function ()
{
startMove(0);
};
oDiv.οnmοuseοut=function ()
{
startMove(-150);
};
};
var timer=null;
function startMo
订阅专栏 解锁全文
扫一扫
4300
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
