情侣相恋计时器HTML代码

/ 4评 / 0

好久没有折腾WordPress了,早就瞄上了DXBMW的那个相恋计时器Flash,可惜一直以来也用不上,虽说觉得好看那也仅仅是好看罢了,再加上祝福他俩呵呵。暑假在家一直没怎么弄过博客,这不刚放假结束回到学校,碰巧晚上上线四处逛逛大家的博客,那个美丽的计数器还在,DXBMW也还在那儿,直接请教源码,可惜好久不弄竟然<div>标签都不会了,正好用这个机会温习一下。好在CSS也不难,要来了源码包了个<div>稍微调整一下,就已经能够正常使用了,大家可以看到侧边的效果展示。

直接放源码,也为以后自己留个备份:

<div>标签:

<div id="lovedate"><span><?php echo floor((time()-strtotime("2012-5-1"))/86400); ?></span>

<object type="application/x-shockwave-flash" data="http://www.250du.net/wp-content/themes/sweet-clouds/anniversary.swf" width="200" height="200">

<param name="movie" value="http://www.250du.net/wp-content/themes/sweet-clouds/anniversary.swf" />

<param name="wmode" value="transparent" />

</object>

</div>

CSS:

#lovedate {

position: fixed;

top: 0;

right: 0;

z-index: 9997;

cursor: pointer;

}

#lovedate span {

position: absolute;

color: #FFB296;

font-size: 28px;

margin: 88px 0 0 42px;

}

  1. 记忆碎片说道:

    哈哈 我以为你把这个放在你的另一个博客上了呢,原来放着了啊,一晃也143了哦!!有空来看我这个点点新博哈!

  2. zuluo博客说道:

    这个挺有意思的,你是蝴蝶吗?

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注