新版本宝宝主页上线了,希望大家喜欢,也欢迎大家像以前一样多提意见。
新版本的宝宝主页提供免费的特效的借口,让所有人都能使用特效,而不是只有付费用户。(希望大家能多帮忙宣传一下哦
)
点击宝宝信息下面“编辑宝宝信息”或者是宝宝名字后面的“小笔”按钮,进入编辑宝宝信息页面。在这个页面里面有个表格可以插入特效。
特效可以扮靓一个宝宝主页,例如加入音乐,加入一些效果。宝宝主页的特效是显示在宝宝信息和日志中间的(如下图)所以大家再添加特效的时候要小心,要是发现添加特效以后宝宝主页变得丑了立即要改回来哦。
特别提示:一些特效可能会导致宝宝主页的布局被破坏,所以推荐大家使用不显示的特效,例如背景音乐,水滴效果等等!
推荐宝宝特效:
1、背景音乐:
在插入特效的文本框里面输入:
<EMBED id=MediaPlayer329 src="音乐的地址,最好是.mp3或是wma的" width=0 height=0 type=audio/mpeg autostart="true" loop="true"></EMBED>
就可以插入背景音乐了,这里为了不影响页面布局,我特地把音乐的宽和高都设成了0(width=0 height=0),如果你觉得无所谓,可以把他改成你想要的大小。
如何寻找背景音乐可以参照:[图]如何使用百度mp3搜索找到想要的背景音乐
2、页面淡入淡出的特效:
或许你看过,有的网页在进入和退出的时候都有一个特效,或是慢慢溶解,或是慢慢的消退。网页变换效果只要搭配得当,这些变换效果会给访客留下非常深刻的印象,即使是那些本来对你的站点没兴趣的访客。其实这一点也不难(还有什么能难倒万能的shujie
)
网页变换效果(Trans)共分四大类:"进入网页"(Page-Enter)、"离开网页"(Page-Exit)、"进入站点"(Site-Enter)、"离开站点"(Site-Exit)。每一大类又分为25个小类,先用进入网页效果来举例说明:
进入网页时的效果
1.混合效果 代码如下: <meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">
2.盒状收缩效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=0)">
3.盒状放射效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=1)">
4.圆形收缩效果 代码如下:<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=2)">
5.圆形放射效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=3)">
6.向上擦除效果 代码如下:<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)">
7.向下擦除效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)">
8.向右擦除效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=6)">
9.向左擦除效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=7)">
10.垂直遮蔽效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=8)">
11.水平遮蔽效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=9)">
12.横向棋盘式效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=10)">
13.纵向棋盘式效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=11)">
14.随即分解效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=12)">
15.左右向中央缩进效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=13)">
16.中央向左右扩展效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=14)">
17.上下向中央缩进效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=16)">
18.中央向上下扩展效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=17)">
19.从左下抽出效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=18)">
20.从左上抽出效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=19)">
21.从右下抽出效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=20)">
22.从右上抽出效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=21)">
23.随机水平线条效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)">
24.随机垂直线条效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)">
25.随机效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)">
现在让我们来分析一下这些代码,首先大家一定能看出这些代码大多数地方很相似。事实上,虽然分类很多,但每个大类下的25个小类是分别对应相同的,并且用数字来标识,(除了混合效果 blendTrans(Duration=1.0)),所以不用对没个大类一一举例说明,只要把"Page-Enter"换为"Page-Exit"(离开网页)、"Site-Enter"(进入站点)、"Site-Exit"(离开站点),就可以达到需要的效果了,同时记忆起来也比较方便。其中"Duration=1.0"可以设定每个周期的时间为多久,单位是秒(现在设置的是每周期1秒)。 需要注意的是四个大类的效果可以在一个网页里同时设置,但每个大类只能设置一种效果。另外如果网页是帧页的话,也将无法显示出效果。
3、网页滴水的效果:
这个效果挺不错的,我很喜欢
<CENTER><EMBED style="LEFT: 83px; WIDTH: 832px; POSITION: absolute; TOP: -49px; HEIGHT: 698px" align=right src=http://www.china-holiday.com/images/flash/009.swf width=832 height=698 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></CENTER>
4、鼠标上面冒出小图片:
<script>Image0=new Image();Image0.src="图片地址";Amount=20;Ymouse=-50;Xmouse=-50;Ypos=new Array();Xpos=new Array();Speed=new Array();rate=new Array();grow=new Array();Step = new Array();Cstep=new Array();nsSize=new Array();ns=(document.layers)?1:0;(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;function Mouse(evnt){Ymouse=(document.layers)?evnt.pageY-20:event.y-20;Xmouse=(document.layers)?evnt.pageX:event.x;};(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;for(i=0;i<Amount;i++){Ypos[i]=Ymouse;Xpos[i]=Xmouse;Speed[i]=Math.random()*4+1; Cstep[i]=0; Step[i]=Math.random()*0.1+0.05;grow[i]=8;nsSize[i]=Math.random()*15+5;rate[i]=Math.random()*0.5+0.1;};if (ns){for (i=0;i<Amount;i++){document.write("<LAYER NAME=sn"+i+" LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>");}}else{document.write("<div style=position:absolute;top:0px;left:0px><div style=position:relative>");for(i=0;i<Amount;i++){document.write("<img id=si src="+Image0.src+" style=position:absolute;top:0px;left:0px;filter:alpha(opacity=90)>");};document.write("</div></div>");};function MouseBubbles(){var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop;var wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft;for(i=0;i<Amount;i++){sy=Speed[i]*Math.sin(270*Math.PI/180);sx=Speed[i]*Math.cos(Cstep[i]*4);Ypos[i]+=sy;Xpos[i]+=sx;if (Ypos[i]<-40){Ypos[i]=Ymouse;Xpos[i]=Xmouse;Speed[i]=Math.random()*6+4;grow[i]=8;nsSize[i]=Math.random()*15+5;};if(ns){document.layers['sn'+i].left=Xpos[i]+wscrll;document.layers['sn'+i].top=Ypos[i]+hscrll;};else{si[i].style.pixelLeft=Xpos[i]+wscrll;si[i].style.pixelTop=Ypos[i]+hscrll;si[i].style.width=grow[i];si[i].style.height=grow[i];}grow[i]+=rate[i];Cstep[i]+=Step[i];if(grow[i]>24)grow[i]=25;};setTimeout('MouseBubbles()',10);};MouseBubbles();</script>
还有一些特效可以参考博客帮助,只要把那些代码复制过来就可以了
不断变化的状态栏
彩色文字鼠标跟随
浏览器的状态栏里出现欢迎语
如何让搜索引擎找到你的blog?
落花,落叶,金鱼,蜻蜓, 全是漂亮的blog背景











好贴,,顶!!!!!!!!!!!






