前些日子很多博友看到我的博客右下角有个弹出小窗口,很是好看。就想也弄个。大家先看效果图
还可以看到自己的私信 通知 应用消息等等我的家里面的信息。这个是会自动隐藏的,看代码{zh1}的两行
setTimeout("document.getElementById('yxj').style.display='none'",3000);
setTimeout("document.getElementById('yxj1').style.display='block'",3000);
那个数字3000意思是3000毫秒,1秒=1000毫秒,就是说自动弹出后3秒,就会自动隐藏,不会影响读者的心情。呵呵。这个博友们可以随意设置,把里面的文章题目和对应的链接地址修改成你自己的即可。
本文来自团儿网 本文来自团儿网:
代码如下
<!--右下角小窗口--> <div id=yxj style="position:fixed;bottom:0; right:0;_position:absolute;_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);overflow:visible;"> <div class=yxj_1> <div class=yxj_1_1> 团儿推荐 </div> <div class=yxj_1_2 onclick="document.getElementById('yxj').style.display='none'" title=关闭> </div> <a onclick="document.getElementById('yxj1').style.display='block'"><div class=yxj_1_3 onclick="document.getElementById('yxj').style.display='none'" title=隐藏></div></a> </div> <div class=yxj_2> <div class=yxj_2_1> <a href= target=_blank style="background: url() no-repeat center center;"></a> </div> <a href= target=_blank><B>Ezy填写调查赚钱</B></a> <BR> 填写调查赚钱,每份调查5--100元!</div> <div class=yxj_3> <div class=yxj_3_1> <div class=yxj_3_1_1> <a href= target=_blank>调查快车赚钱</a> </div> <div class=yxj_3_1_2> <a href= target=_blank>Views Club赚钱</a> </div> </div> <div class=yxj_3_1> <div class=yxj_3_1_1> <a href= target=_blank>中智库玛赚钱</a> </div> <div class=yxj_3_1_2> <a href= target=_blank>{dy}调查网赚钱</a> </div> </div> </div> <div class=yxj_4> <a href= target=_blank>消息:<font id=MySiXin name=MySiXin></font>条</a> <a href= target=_blank>通知:<font id=SysMes name=SysMes></font>条</a> <a href= target=_blank>应用:<font id=AppMes name=AppMes></font>条</a> <script src= </div> </div> <div id=yxj1 style="position:fixed;bottom:0; right:0;_position:absolute;_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);overflow:visible;display:none;"> <div class=yxj_1> <div class=yxj_1_1> 团儿推荐 </div> <div class=yxj_1_2 onclick="document.getElementById('yxj1').style.display='none'" title=关闭> </div> <a onclick="document.getElementById('yxj').style.display='block'"><div class=yxj_1_3 onclick="document.getElementById('yxj1').style.display='none'" title=展开></div></a> </div> </div> <script> setTimeout("document.getElementById('yxj').style.display='none'",3000); setTimeout("document.getElementById('yxj1').style.display='block'",3000); </script> |