2005/08/20 | 网页中的特效介绍
类别(精品.collect) | 评论(1) | 阅读(220) | 发表于 13:38

网页中的特效介绍（献给我可爱的BLOG好朋友）



有几个朋友都问我关于BLOG的一些问题，虽然懂的也不多，就把知道的奉献出来大家一起分享把

1。首先是背景音乐
以下内容为程序代码:

<BGSOUND balance=0 src="http://donor.km169.net/topic/music/02.wma" volume=0 loop=infinite>



把这段程序代码放在模板HTML源码编辑器#head_tag# 的后面
还有一个问题，歌从哪里找呢？
推荐一个地址，歌很齐全http://www.hao123.com/mp3s.htm
方法：1.输入歌名，搜索
2.在搜索结果中挑选wma格式的文件，右键“复制快捷方式”
3.把我的代码中http://donor.km169.net/topic/music/02.wma 替换成你复制的地址
4.大功告成！


2。莫林代码（就是开始蹦出来的那个小老头）
以下内容为程序代码:

<!--“欢迎魔法师”代码开始-->
<SCRIPT>
<!--
function crml(nid)
{
try
{
nid=new ActiveXObject("Agent.Control.2"[img]/images/wink.gif[/img];
nid.Connected = true;
nid.Characters.Load(""[img]/images/wink.gif[/img];
return nid;
}
catch (err)
{
return false;
}
}


function chplay ()
{
if (ml=crml ("ml"[img]/images/wink.gif[/img])
{
var MerlinID;
var MerlinACS;
day2 = new Date( [img]/images/wink.gif[/img];
hr = day2.getHours( [img]/images/wink.gif[/img];
var mess1;
if (( hr >=0 [img]/images/wink.gif[/img] && (hr <= 4 [img]/images/wink.gif[/img])
mess1= "夜深了，提醒您要注意身体哦..."
if (( hr >= 4 [img]/images/wink.gif[/img] && (hr < 7))
mess1=" 清晨好，您可真早呀!早饭吃了吗?"
if (( hr >= 7 [img]/images/wink.gif[/img] && (hr < 12))
mess1=" 上午好，希望小叶子能带给你一天的好心情！ "
if (( hr >= 12) && (hr <= 18))
mess1= "下午好，是该放松一下拉：）"
if ((hr >= 18) && (hr <= 23))
mess1= "晚上好，您真是分秒必争呀! "

var enable=0; today=new Date();
var day; var date;
var time_start = new Date();
var clock_start = time_start.getTime();
if(today.getDay()==0) day="星期日"
if(today.getDay()==1) day="星期一"
if(today.getDay()==2) day="星期二"
if(today.getDay()==3) day="星期三"
if(today.getDay()==4) day="星期四"
if(today.getDay()==5) day="星期五"
if(today.getDay()==6) day="星期六"
date="现在是"+(today.getYear())+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日"+hr+"时";



Merlin = ml.Characters.Character(MerlinID);
Merlin.MoveTo(100,100);
Merlin.Show();
Merlin.Play("DoMagic2"[img]/images/wink.gif[/img];
Merlin.Speak("欢迎您光临xiaopingzi的家，\n\n“快乐为主”"[img]/images/wink.gif[/img];
Merlin.Play("GetAttention"[img]/images/wink.gif[/img];
Merlin.Play("Pleased"[img]/images/wink.gif[/img];
Merlin.Speak("我的网址：http://xiaopingzi1.blogcn.com"[img]/images/wink.gif[/img];
Merlin.Play("Alert"[img]/images/wink.gif[/img];
Merlin.Speak(date);
Merlin.Play("Think"[img]/images/wink.gif[/img];
Merlin.Speak(mess1);
Merlin.Play("Pleased"[img]/images/wink.gif[/img];
Merlin.Speak("愿我的叶子能带给你快乐"[img]/images/wink.gif[/img];
Merlin.Play("Announce"[img]/images/wink.gif[/img];
Merlin.Speak("欢迎留下一些属于你的足迹：）"[img]/images/wink.gif[/img];
Merlin.Play("DoMagic1"[img]/images/wink.gif[/img];
Merlin.Speak("祝你快乐每一天，再见！"[img]/images/wink.gif[/img];
Merlin.Play("Greet"[img]/images/wink.gif[/img];
Merlin.Hide();
}
}
//-->
</SCRIPT>

<SCRIPT>
<!--
chplay()
--></SCRIPT>
<!--“欢迎魔法师”代码结束-->



这段代码只需要放在你模板的中间就可以了，记住，一般要是放在</STYLE>之后！还有，里面的文字是可以改的噢，别再保持原样就变成给我的叶子宣传了噢


3。FLASH动画:
以下内容为程序代码:

<DIV id=Layer1 style="Z-INDEX: 1; LEFT: 220px; WIDTH: 515px; POSITION: absolute; TOP: 1px; HEIGHT: 299px">　　
<OBJECT style="WIDTH: 817px; HEIGHT: 500px" codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0 height=500 width=817 classid=clsid[img]/images/biggrin.gif[/img]27CDB6E-AE6D-11cf-96B8-444553540000><PARAM NAME="_cx" value="21616"><PARAM NAME="_cy" value="13229"><PARAM NAME="FlashVars" value=""><PARAM NAME="Movie" value="http://mtv.vicn.com/upload/20044142234285181.swf"><PARAM NAME="Src" value="http://mtv.vicn.com/upload/20044142234285181.swf"><PARAM NAME="WMode" value="Transparent"><PARAM NAME="Play" value="-1"><PARAM NAME="Loop" value="-1"><PARAM NAME="Quality" value="High"><PARAM NAME="SAlign" value=""><PARAM NAME="Menu" value="0"><PARAM NAME="Base" value=""><PARAM NAME="AllowScriptAccess" value="always"><PARAM NAME="Scale" value="ShowAll"><PARAM NAME="DeviceFont" value="0"><PARAM NAME="EmbedMovie" value="0"><PARAM NAME="BGColor" value=""><PARAM NAME="SWRemote" value=""><PARAM NAME="MovieData" value=""><PARAM NAME="SeamlessTabbing" value="1">
　　 　　 　　 　　
　　<EMBED style="LEFT: -35px; POSITION: absolute; TOP: 20px" align=right src=http://mtv.vicn.com/upload/20044142234285181.swf width=800 height=600 type=application/octet-stream ?;; quality="http://www.52blog.net/high" wmode="transparent"></embed>
</OBJECT></DIV>



最简单的方法就是把这段代码放在模板代码的最后#end_tag#的前面就可以了，而且，看看里面带有swf的是FLASH的地址，可以改的～～还有里面的数字，是可以自己设置的，设置放在屏幕的什么地方～

顺便推荐几个FLASH地址吧，看见喜欢的就可以把里面的地址替换了就可以了
以下内容为程序代码:

lm88.kmip.net/flash/f01.htm



在这里有很多很好的透明FLASH素材～～

4。背景图片设置
以下内容为程序代码:


<STYLE type=text/css>
<!--
.skin_date { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 8pt; font-weight: bolder}
.diary_datetitle { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 10pt; font-weight: bold; color: #FFFFFF; background-color: #e7b1dd}
.line { border-color: black black #e7b1dd; border-style: dotted; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
td { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 9pt}
.tt_title { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 20px; font-weight: bold}
.dis_tag { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 9pt; color: #e7b1dd}
a { color:#cc88cc}
a:hover { color: #cc88cc; text-decoration: none}
.diary_bg2 {background-image: url(http://images.blogcn.com/2005/7/31/8/xiaopingzi1,20050731141413.bmp)}
.diary_bg1 { background-image: url(http://images.blogcn.com/2005/7/31/8/xiaopingzi1,20050731141413.bmp) }
.diary_arr { background-color:#99CCFF; cursor: hand}
.diary_poster { color: #e7b1dd}
.diary_title { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 9pt; font-weight: bolder; color: #e7b1dd}
.ubb_quote { background-color: #F3F3F3; border-color: #999999 black black #999999; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px}
.ubb_code { background-color: #F3F3F3; border-color:#ffffff black black #ffffff; border-style: dotted; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px}
.newfm { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 9pt}
.ubb_move { }
.ubb_fly { }
.but2 { font-size: 9pt; border: 1px #e7b1dd none; color: #818181}
body{background-image:url(http://images.blogcn.com/2005/8/15/5/xiaopingzi1,2005081581631.gif)}
<style type="text/css">
<!--
body { background-image: url(http://images.blogcn.com/2005/8/15/5/xiaopingzi1,2005081581631.gif); background-attachment: fixed}
</style>
-->
</STYLE>





上面的代码在你的BLOG也应该有类似的地方，你找到后注意代码最后两个jpg的地址然后把你相应位置的代码换去一部分见下
以下内容为程序代码:

body{background-image:url(http://images.blogcn.com/2005/8/15/5/xiaopingzi1,2005081581631.gif)}
<style type="text/css">
<!--
body { background-image: url(http://images.blogcn.com/2005/8/15/5/xiaopingzi1,2005081581631.gif); background-attachment: fixed}
</style>
-->
</STYLE>



0

评论Comments

日志分类
首页[146]
零碎.diary[78]
感覺.love[26]
精品.collect[15]
溡緔.hot[12]
聆聽.music[3]
煙誮.work[7]
訢賞.story[3]
测试.idea[2]