岁堤春晓

—>这次Roam ，为了完成此页面遇到了几个问题，还好自己足够折腾，拼死拼活的凑了起来。。

—>最近爱跟风，着手拿了一个IM域名，算是为Roam自己这么久来努力学习的一个犒劳。

—>目前这个主机经常出问题 所以等这段时间忙过了，就开始搬家 并且拟了一个新名叫“岁堤春晓”（不是小猪的那首歌哈。。）

新家传送门：http://roam.im

好了下面给各位展示下这个折腾的过程

1：首先是引导页怎么调用WP博客二级目录的函数

此问题是在一外国友人博客上搜到的，自己英语不好，就抓住那几句代码狠敲猛打，一测试就成功

// Include WordPress

<?php
define(‘WP_USE_THEMES’, false);
require(‘./blog/wp-load.php’);
query_posts(‘showposts=1′);
?>

2：右边的背景图片透明效果

主要运用到了Jquery的 animate函数

$(document).ready(function() {

$(“#bgindex”).addClass(“over”);

$(“.over”).css(‘opacity’, 0);

$(“.over”).parent().hover(

function() {

//在此类停止的时候同时执行一个动画 以此来改变它的透明度

$(“.over”).stop().animate({opacity: ’1′},2000);

},function() { $(“.over”).stop().animate({ opacity: ’0′},2000);});

})；

3：左边的最新评论用户头像展示和mysql的不重复查询

这个东东在完成后 没想到在林木木的博客上发现了有款插件可以实现–“读者墙”， 当时还真是有点无语，不过研究嘛，总得自己过手一边才行

<?php

global $wpdb;

// distinct 这个指令 本身是可以实现不重复查询的，但如果后面的不是一个匹配字段，就完全无用 ，所以自己几经波折，才发现了group by这个指令的妙用之处

$sql = “SELECT DISTINCT comment_author_email, comment_author, comment_author_url , count(distinct comment_author_email) FROM $wpdb->comments  group by comment_author_email ORDER BY comment_date_gmt DESC LIMIT 50 “;

$comments = $wpdb->get_results($sql);

foreach ($comments as $comment) {

$author=$comment->comment_author;

$url=$comment->comment_author_url;

$email=$comment->comment_author_email;

//开始取用户的头像了哦  方法参考WP官方的

if (function_exists(‘get_avatar’)) {

echo “<a href=’” . $url . “‘ title=’” . $author . “‘ target=’_balnk’>” . get_avatar($email,’32′) .”</a>”;

} else {

//alternate gravatar code for < 2.5

$grav_url = “http://www.gravatar.com/avatar.php?gravatar_id=” .

md5($email) . “&default=” . urlencode($default) . “&size=” . $size;

echo “<img src=’$grav_url’/>”;

}}?>

4: title提示框

第一次自己打算是用Jquery的qtip插件来实现的，不过后来在林木木博客上发现了一个方法《JQuery 学习笔记之：美妙的标题提示》，所以就发扬下我们的拿来主义，借鉴借鉴 嘿嘿

qtip实现过程原理  不要忘了先引用Jquery 和 qtip

$(‘ a’).qtip({

content: ‘I\’m at the top right of my target’,

style: {

name: ‘dark’ // Inherit from preset style

}})

});

5：FLASH的插入方法

为了良好的扩展性和简洁性 Roam采用了swfObject 只是在用的时候注意两点
（1.javascript引用资源(比如图片)相对路径是以宿主环境(所被引用的网页比如user.html)所处位置为基准

（2.css引用资源(比如图片)相对路径是以.css文件所处位置为基准!

swfobject.embedSWF(“swf地址”,”需要插入位置的id,”宽度”,”高度”,”版本”,”expressInstall.swf”);

//后面还有几个参数的 ， 如果想要深度剖析的可以自己去搜搜 。。

OVER~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

接下来的一周 是期末考了 Roam还得努力 况且挂科一向不是本人的风格

好了 先闪人去买29号回家的和谐号上的一座位了 嘎嘎。。。。。。。。。