给博客右下角添加了一个弹出层

可以读写cookie，过期时间设置的有点短，不过长了也就没有意思了。。。嘿嘿~js跟图片路径都是写的绝对路径，直接拷贝绝对不影响使用，不过因为会写cookie，测试的话会麻烦一点。。

js什么的里面并没有什么东西，我就不放出来了，想要的可以直接在源代码里面找另外，这个弹窗是淘宝的。。。拿来用用，版权归淘宝所属

下面是源码：

<STYLE type=text/css media=screen>
ul{ padding:0px; margin:0px;}
#downmsg_emessage {
Z-INDEX: 100; RIGHT: 0px; BACKGROUND: url(https://www.myluoluo.com/wp-content/Show/down_msg_bg.gif) no-repeat left top; WIDTH: 225px; BOTTOM: 0px; POSITION: fixed; _position: absolute
}
#donwmsg_head {
MARGIN-TOP: 6px; DISPLAY: inline; FONT-SIZE: 12px; FLOAT: left; MARGIN-LEFT: 26px; COLOR: #ffffff
}
#downmsgBar .close {
MARGIN-TOP: 6px; DISPLAY: block; FLOAT: right; WIDTH: 11px; MARGIN-RIGHT: 5px; HEIGHT: 11px
}
#downmsgBar {
HEIGHT: 25px
}
#donwmsg_content {
OVERFLOW: hidden; HEIGHT: 162px
}
#donwmsg_content UL {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 12px; LEFT: 6px; PADDING-BOTTOM: 0px; COLOR: #007cc1; LINE-HEIGHT: 180%; PADDING-TOP: 10px; TOP: 34px
}
#donwmsg_content UL LI {
BACKGROUND: url(https://www.myluoluo.com/wp-content/Show/down_msg_bg.gif) no-repeat -100px -245px; TEXT-INDENT: 13px
}
#donwmsg_content UL LI A {
COLOR: #007cc1
}
#donwmsg_content UL .ll A {
FONT-WEIGHT: bold; COLOR: #a10000
}
#donwmsg_content P {
LEFT: 13px; POSITION: absolute; TOP: 157px
}
#donwmsg_content .lb {
PADDING-RIGHT: 14px; PADDING-LEFT: 14px; PADDING-BOTTOM: 14px; PADDING-TOP: 14px; TEXT-ALIGN: center
}
#donwmsg_content .lb a{ font-size:13px;}
.msg-hidden-btn-2 {
MARGIN-TOP: 6px; DISPLAY: block; BACKGROUND: url(https://www.myluoluo.com/wp-content/Show/down_msg_bg.gif) no-repeat left -250px; FLOAT: right; OVERFLOW: hidden; WIDTH: 11px; MARGIN-RIGHT: 5px; HEIGHT: 11px
}
.msg-hidden-btn-1 {
MARGIN-TOP: 6px; DISPLAY: block; BACKGROUND: url(https://www.myluoluo.com/wp-content/Show/down_msg_bg.gif) no-repeat -50px -250px; FLOAT: right; OVERFLOW: hidden; WIDTH: 11px; MARGIN-RIGHT: 5px; HEIGHT: 11px
}
.sectionshover .trans {
BORDER-RIGHT: #ffc600 1px solid; BORDER-TOP: #ffc600 1px solid; BORDER-LEFT: #ffc600 1px solid; BORDER-BOTTOM: #ffc600 1px solid; HEIGHT: 24px; BACKGROUND-COLOR: #fff0b6
}
.sectionshover .trans LI {
CLEAR: none; FLOAT: left; WIDTH: 200px
}
.mm_gg LI {
PADDING-LEFT: 15px; BACKGROUND: url(https://www.myluoluo.com/wp-content/Show/1254189745035.gif) no-repeat 4px 8px; LINE-HEIGHT: 20px
}
.mm_gg LI A {
COLOR: #8f3434
}
.mm_gg LI A:hover {
COLOR: #8f3434
}
.mm_gg LI:visited {
COLOR: #8f3434
}
</STYLE>

<SCRIPT src=”https://www.myluoluo.com/wp-content/Show/jsc.js” type=text/javascript></SCRIPT>
<SCRIPT src=”https://www.myluoluo.com/wp-content/Show/lightbox.js” type=text/javascript></SCRIPT>
<DIV id=downmsg_emessage style=”DISPLAY: none”>
<DIV id=downmsgBar>
<DIV id=donwmsg_head>笨笨.Blog 黑板报</DIV>
<A class=close href=”javascript:closeDiv()”></A>
<A class=msg-hidden-btn-1 id=msg_hidden_btn href=”javascript:showHideDiv()”>&nbsp;</A>
</DIV>
<DIV id=donwmsg_content>
<UL>
<LI class=ll><a href=”https://www.myluoluo.com/blog_free_space.html” target=”_blank”>笨笨.Blog再次招邻居,提供免费空间</a></LI>
<LI><a href=”https://www.myluoluo.com/fucking.html” target=”_blank”>现实中的一大悲哀…</a></LI>
<LI><a href=”https://www.myluoluo.com/domain-name.html” target=”_blank”>域名的选购与主机的选择(导航)</a></LI>
<LI><a href=”https://www.myluoluo.com/kloxo_ftp.html” target=”_blank”>WP需要填写FTP的解决方法</a></LI>
<LI><a href=”https://www.myluoluo.com/mouse_demo.html” target=”_blank”>美化博客,更改鼠标显示效果</a></LI>
</UL>
<DIV class=lb>
<a href=”http://qun.qq.com/#jointhegroup/gid/231085587″ target=”_blank”>腾讯QQ群</a>
</DIV>
</DIV>
</DIV>
<SCRIPT src=”https://www.myluoluo.com/wp-content/Show/down_msg.js”
type=text/javascript></SCRIPT>
<SCRIPT type=text/javascript>
_jsc.util.addEvent(window,”load”,function(){
var downmsg = new downMsg(“downmsg_emessage”,”donwmsg_content”,{start_delay:2000, speed: 5, movepx:2,cookie:’downMsgcookie’,expiresDay:1});
downmsg.init();
})
</SCRIPT>

鼠标指针的实现

编辑主题文件（header.php）然后添加下面的代码，

a:hover {

cursor:url(https://www.myluoluo.com/cursor/1.cur), pointer;}

body{ cursor:url(https://www.myluoluo.com/cursor/Arrow.cur),default;

}

添加到<head profile="http://gmpg.org/xfn/11">后面就可以，也就是head标签内另外鼠标可以自己找，也可以引用我的，也可以把我的下载下来^_^

桃花坞里桃花庵，桃花庵里桃花仙；
桃花仙人种桃树，又摘桃花换酒钱。
酒醒只在花间坐，酒醉还来花下眠；
半醒半醉日复日，花开花落年复年。
但愿老死花酒间，不愿鞠躬车马前；
车尘马足贵者趣，酒盏花枝贫者缘。
若将贫贱比贫者，一在平地一在天；
若将贫贱比车马，他得驱驰我得闲。
他人笑我太疯癫，我笑他人看不穿；
不见五陵豪杰墓，无花无酒锄作田。

7 Replies to “给博客右下角添加了一个弹出层”

刘印博客说道：

2012 年 4 月 25 日下午 8:56

呵呵，扒淘宝的代码。。。

回复
免费资源部落说道：

2012 年 4 月 25 日下午 10:13

好像要等网页完全加载完了，才有弹出效果。

回复
1. admin说道：
  
  2012 年 4 月 26 日上午 6:53
  
  嗯，我把它放在最后了，比那个载入提示还往后。。。尽量让它不影响打开的速度
  
  回复
潇雨博客说道：

2012 年 4 月 27 日下午 11:05

鼠标指针如何实现的呢

回复
1. 落落说道：
  
  2012 年 4 月 27 日下午 11:09
  
  编辑主题文件（header.php）
  然后添加下面的代码，
  —————————————
  
  —————————————
  添加到后面就可以
  另外鼠标可以自己找，也可以引用我的，也可以把我的下载下来^_^
  
  回复
2. 落落说道：
  
  2012 年 4 月 27 日下午 11:16
  
  忘记了，那个是HTML代码。。。我更新到这篇文章了
  
  回复
  1. 潇雨博客说道：
    
    2012 年 4 月 28 日上午 12:13
    
    e嗯嗯有时间在折腾
    
    回复

回复 admin 取消回复

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据。