javascript制作的网页侧边弹出框思路及实现代码

到周末了，明天该总结一下了，感觉学到了些东西，又感觉没学多少东西，具体明天再分析吧，先来看看今天要分析的问题。

这样的图片相比大家都很熟悉：

复制代码 代码如下:

<span> <div>
<div>
<p><a href="#" src="http://www.vevb.com/uploads/allimg/140523/0Z31055O_0.jpg?201442194629">

复制代码 代码如下:

<span><script type="text/javascript">
var timer=null;
var count=0;
var tip=function(position,target,speed){
clearInterval(timer);
timer=setInterval(function(){
if(count>position.offsetWidth){
clearInterval(timer);
}else{
position.style.right+=window.count+"px";
window.count++;
};
}, speed);
};
function showTip(){
var position=document.getElementById("shareLeft");
tip(position,document.body.clientWidth,1000);
};
</script></span>