2、《追影》是吴镇宇和麦子善联袂执导的武侠喜剧片，主要演员有吴镇宇、吴佩慈、房祖名、谢娜。为了隐藏身份方便寻找宝图，叶赫长弓和明月心扮作夫妻做客栈老板，其他高手亦各自开店。但镇上地主少爷许三官不知天高地厚，经常欺负众高手催租逼债，各人为隐瞒江湖身份必须忍辱负重。但许三官看上明月心和长弓收养的干女儿唐薇；镇长古月金又看上了明月心，小镇关系变得更加复杂，此时宝图竟然意外出现，众高手必须再度出招。
3、《分手说爱你》是由黄真真执导，房祖名、薛凯琪、邓健泓、叶山豪等人主演的爱情片。正值此时，香港电影人黄真真和郑丹瑞筹拍一部爱情电影，他们向社会征集青年男女们的爱情故事，Joe也应征前往。黄真真对Joe分手后的经历非常感兴趣，于是拿出一部DV，请Joe将挽回女友的全过程拍下来。好友Sunny为了Joe勇于献身，在拆散Sunny及其女友后，阿花竟真地回到Joe的身边……
歌曲名:最动听歌手:房祖名
专辑:Jaycee 同名专辑
房祖名 - 最动听
昨天晚上我又梦见你
在梦里我看见很美的东西
可能是在睡前想过你
才会梦见你
在梦里 我常常寻寻觅觅寻找着你
是梦而已
在现实里我曾经问过自己是否爱你
还是个游戏
我想要看见你的眼睛
听见你的声音
不管多小声我会用心地听
不管多小声 多小声
我也会用心 用意 在意地听
我想要看见你的眼睛
听见你的声音
不管多小声我会用心地听
不管多小声 多小声
因你的声音 在我心 是最为动听
昨天晚上我又梦见你
在梦里我看见很美的东西
可能是在睡前想过你
才会梦见你
在梦里 我常常寻寻觅觅寻找着你
是梦而已
在现实里我曾经问过自己是否爱你
还是个游戏
我想要看见你的眼睛
听见你的声音
不管多小声我会用心地听
不管多小声 多小声
我也会用心 用意 在意地听
我想要看见你的眼睛
听见你的声音
不管多小声我会用心地听
不管多小声 多小声
因你的声音 在我心 是最为动听
我想要看见你的眼睛
听见你的声音
不管多小声我会用心地听
不管多小声 多小声
因你的声音 在我心 是最为动听
http://music.baidu.com/song/51777911
实例代码如下：<!DOCTYPE html >
<head>
<title>jQuery渐显效果的人物多级关系图</title>
<meta http-equiv="content-type" content="text/htmlcharset=gb2312">
<style type="text/css">
#box{width:500pxheight:500pxposition:relative}
.host{position:absolutewidth:100pxheight:50pxline-height:50pxtext-align:centercolor:#000000background-color:#eeeeeeborder:#000000 1px solidfont-weight:bolder}
.guest{position:absolutewidth:80pxheight:40pxline-height:40pxtext-align:centercolor:#999999background-color:#FFFFFFborder:#000000 1px solidcursor:pointer}
.relationship{position:absolutewidth:60pxheight:20pxcolor:#aaaline-height:20pxfont-size:12pxtext-align:center}
</style>
<script src="http://www.codefans.net/ajaxjs/jquery1.3.2.js"></script>
<script type="text/javascript">
var relationName = [
{name:"成龙",friend:[
{name:"房祖名",relationship:"父子"},
{name:"林凤娇",relationship:"夫妻"},
},
{name:"房祖名",friend:[
{name:"成龙",relationship:"父子"},
{name:"林凤娇",relationship:"母子"},
},
{name:"林凤娇",friend:[
{name:"成龙",relationship:"夫妻"},
{name:"房祖名",relationship:"母子"},
},
{name:"吴绮莉",friend:[
{name:"成龙",relationship:"绯闻"},
{name:"林凤娇",relationship:"情敌"},
},
{name:"徐静蕾",friend:[
{name:"李亚鹏",relationship:"电影"},
{name:"韩寒",relationship:"娱乐圈"},
},
{name:"方大同",friend:[
{name:"房祖名",relationship:"情敌"},
{name:"薛凯琪",relationship:"否认拍拖"},
},
{name:"薛凯琪",friend:[
{name:"方大同",relationship:"否认拍拖"},
{name:"房祖名",relationship:"女友"}]
}
]
var relation = {
radius:150,
boxW:500,
boxH:500,
hostW:100,
hostH:50,
guestW:80,
guestH:40,
relationW:60,
relationH:20,
angle:0,
id:"box",
init:function(array,n){//传入参数1：数组 参数2：第几个
this.array = array
this.appendHost(this.array,n)
this.appendQuest(this.array,n)
this.appendRelationShip(this.array,n)
},
appendHost:function(array,n){
var box = $("#"+this.id)
var host ="<span class='host'>"+array[n].name+"</span>"
box.append(host)
this.postHost()
},
postHost:function(){
var x = (this.boxW - this.hostW)/2
var y = (this.boxH - this.hostH)/2
$(".host").css({
left:x,
top:y
})
},
appendQuest:function(array,n){
var box = $("#"+this.id)
var guests=""
var that = this
for(var i=0i<array[n].friend.lengthi++){
guests+="<span class='guest'>"+array[n].friend[i].name+"</span>"
}
$(guests).appendTo(box)
$(".guest").live("click",function(){
that.move(that,this)
})
this.postQuest()
},
postQuest:function(){
var guests = $(".guest")
var that = this
guests.each(function(i){
guests.eq(i).css({
left:that.setQuestPose(guests.length,that.radius,i,that.guestW,that.guestH,that.angle).left,
top:that.setQuestPose(guests.length,that.radius,i,that.guestW,that.guestH,that.angle).top
}).attr("angle",i/guests.length)
})
},
setQuestPose:function(n,r,i,w,h,d){//n代表共几个对象 r代表周长 i代表第几个对象 w代表外面对象的宽带 h代表外面对象的高度 d代表其实角度
var p = i/n*Math.PI*2+Math.PI*2*d
var x = r * Math.cos(p)
var y = r * Math.sin(p)
return {
"left":parseInt(this.boxW/2+ x - w/2),
"top":parseInt(this.boxH/2 + y - h/2)
}
},
appendRelationShip:function(array,n){
var box = $("#"+this.id)
var relation=""
for(var i=0i<array[n].friend.lengthi++){
relation+="<span class='relationship'>"+array[n].friend[i].relationship+"</span>"
}
box.append(relation)
this.postRelationShip()
},
postRelationShip:function(){
var guests = $(".relationship")
var that = this
guests.each(function(i){
guests.eq(i).css({
left:that.setQuestPose(guests.length,that.radius/2,i,that.relationW,that.relationH,that.angle).left,
top:that.setQuestPose(guests.length,that.radius/2,i,that.relationW,that.relationH,that.angle).top
})
})
},
move:function(t,i){
var n = $(".guest").index($(i))
this.angle = parseFloat($(i).attr("angle"))+0.5
this.delect(n)
this.moveHost(i)
this.moveQuest(i)
this.moveRelationship(i)
this.changeClass()
setTimeout(function(){t.newAppend(i)},500)
},
newAppend:function(i){
this.newAppendGuest(i,"guest","name",this.guestW,this.guestH,this.radius)
this.newAppendGuest(i,"relationship","relationship",this.relationW,this.relationH,this.radius/2)
},
newAppendGuest:function(i,className,name,w,h,r){
var host = $(i).html()
var guest = $(".guest").html()
var box = $("#"+this.id)
var that = this
var next=0
for(var i=0i<this.array.lengthi++){
if(host == this.array[i].name){
for(var j=0j<this.array[i].friend.lengthj++){
if(guest !== this.array[i].friend[j].name){
next++
var guests ="<span class='"+className+"'>"+this.array[i].friend[j][name]+"</span>"
$(guests).appendTo(box).css({
left:that.setQuestPose(this.array[i].friend.length,r,next,w,h,that.angle).left,
top:that.setQuestPose(this.array[i].friend.length,r,next,w,h,that.angle).top
}).attr("angle",that.angle+next/this.array[i].friend.length).hide().fadeIn(1000)
}
}
}
}
},
moveHost:function(i){
var hLeft = parseInt($(".host").css("left")) + this.hostW/2
var hTop = parseInt($(".host").css("top")) + this.hostH/2
var gLeft = parseInt($(i).css("left")) + this.guestW/2
var gTop = parseInt($(i).css("top")) + this.guestH/2
var l = gLeft - hLeft
var t = gTop - hTop
var left = (hLeft - l - this.guestW/2)+"px"
var top = (hTop - t - this.guestH/2)+"px"
this.animate(".host",left,top)
},
moveRelationship:function(i){
var hLeft = parseInt($(".host").css("left")) + this.hostW/2
var hTop = parseInt($(".host").css("top")) + this.hostH/2
var gLeft = parseInt($(".relationship").css("left")) + this.relationW/2
var gTop = parseInt($(".relationship").css("top")) + this.relationH/2
var l = gLeft - hLeft
var t = gTop - hTop
var left = (hLeft - l - this.relationW/2)+"px"
var top = (hTop - t - this.relationH/2)+"px"
this.animate(".relationship",left,top)
},
moveQuest:function(i){
var left = $(".host").css("left")
var top = $(".host").css("top")
this.animate(i,left,top)
},
delect:function(n){
$(".guest").slice(0,n).remove()
$(".guest").slice(1).remove()
$(".relationship").slice(0,n).remove()
$(".relationship").slice(1).remove()
},
animate:function(i,left,top){
$(i).animate({
left:left,
top:top
},500)
},
changeClass:function(){
var that =this
$(".guest").addClass("abcdef").removeClass("guest")
$(".host").addClass("guest").removeClass("host").attr("angle",that.angle)
$(".abcdef").addClass("host").removeClass("abcdef").attr("angle",null)
}
}
$(document).ready(function(){
relation.init(relationName,0)
})
</script>
</head>
<body>
看不到效果，刷新一下就可以了；<br>
<div id="box"></div>
</body>
</html>
