大志学代码

BlogCN欢迎界面代码（2代）

由于之前的BLOGCN欢迎界面代码使用者不多，大志做了一些反思。感觉作品不能做的草草了事。

应该精益求精，今天介绍的是大志的最近产品，修改了以前的不足，提供了更多可选样式。使欢迎界面代码更加友好更加自由。

代码示例：

<style>
#Wellcome_Table{
background-image: url('http://blog.cnobi.jp/v1/blog/user/46baa8a07d12d4f845f473dbb7ee40b5/1184778131')
}
#Wellcome_InnerTable{
background-color: #FFFFFF;
filter : progid:DXImageTransform.Microsoft.Alpha(opacity=75);
left:110;
top:20;
width:200;
height:200;
}
#Wellcome_Enter{color: #00FF00}
</style>
<script>
Wellcome_OnlyIndex=false
Wellcome_ShowText=true
CodeFrom='本代码乃大志原创请勿转载,大志博客:http://dzxrzj.blog.shinobi.jp/'
Wellcome_Mytext='　　走廊灯关上,书包放,走到房间窗外望,回想刚买的书,一本名叫半岛铁盒,放在床边堆好.....'
</script>
<script language=javascript chaeset=gbk src=http://blog.cnobi.jp/v1/blog/user/46baa8a07d12d4f845f473dbb7ee40b5/1200079933></script>

运行结果：http://blog.cnobi.jp/v1/blog/user/46baa8a07d12d4f845f473dbb7ee40b5/1200084105

语法讲解：

1）style样式表部分，代码写在<style>与</style>之间

<style>

#Wellcome_Table：整个欢迎界面

{

建议使用

background-image: url('背景图片地址');        （定义背景图片）

background-color:色值;                        （定义背景色。）

等等

}

#Wellcome_InnerTable：打字效果字幕小窗口，

{

建议使用

background-image: url('背景图片地址');        （定义背景图片）

background-color:色值;                        （定义背景色。）

left:整数;                                    （定义X坐标）

top:整数;                                     （定义Y坐标）

width:整数;                                   （定义宽）

height:证书;                                  （定义高）

color: 色值;                                  （定义文字色）

font-family: 字体名;                          （定义字体）

font-size: 字体单位;                          （定义文字大小）

等等

}

#Wellcome_Enter：进入博客按钮

{

建议使用

color: 色值;                                  （定义文字色）

background-color:色值;                        （定义背景色。）

等等

}

#Wellcome_Typing：字幕的光标

{

建议修改

color: 色值;                                  （定义光标颜色）

其余不建议修改

}

</style>

如果以上代码看不明白的话请看CSS教程http://dzxrzj.googlegroups.com/web/css.rar

2）欢迎界面变量，代码写在<script>与</script>之间，接下来介绍的3）代码函数文件之前

<script>

Wellcome_Mytext='文字'                        （定义字幕文字）

Wellcome_ShowText=true或false                 （选择是否显示字幕true是，flse否）

Wellcome_OnlyIndex=true或false                （选择界面是否只在主页显示true是，flse否）

CodeFrom='本代码乃大志原创请勿转载,大志博客:http://dzxrzj.blog.shinobi.jp/'

                                               （大志版权必须加上，嘻嘻。：P）

</script>

3）代码函数文件

<script language=javascript chaeset=gbk src=http://blog.cnobi.jp/v1/blog/user/46baa8a07d12d4f845f473dbb7ee40b5/1200079933></script>

代码主体：不能少；

4）高级应用:此部分写在3）代码函数文件的后面（理论可行，大志没调试过，不建议新手使用）

<script>

document.all.Wellcome_Enter.innerHtml='文字或图片代码';//（进入博客按钮的外观）

document.all.Wellcome_Typing.innerHtml='文字或图片代码';//（字幕光标的外观）

function enterBlog(){                                   //（覆盖点击按钮的事件）
document.all.Wellcome_Table.style.display='none'
document.all.Wellcome_InnerTable.style.display='none'
document.body.style.overflow='auto'
//自定义代码片段
}

</script>