和讯博客右下角自动显示和隐藏的小窗口代码! - 专业服装博客,服装设计 ...
和讯博客右下角自动显示和隐藏的小窗口代码! [转贴 2010-07-28 14:11:25]   
和讯博客右下角自动显示和隐藏的小窗口代码!

                                                                      

 

      前些日子很多博友看到我的博客右下角有个弹出小窗口,很是好看。就想也弄个。大家先看效果图

 



还可以看到自己的私信 通知 应用消息等等我的家里面的信息。这个是会自动隐藏的,看代码{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>
郑重声明:资讯 【和讯博客右下角自动显示和隐藏的小窗口代码! - 专业服装博客,服装设计 ...】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——