提交链接
推荐大志学代码|-|blogcn欢迎界面代码?代）(代码详解)
忠情自然
提交于 2008-1-13 14:02:11
标签 欢迎界面 代码
由于之前的BLOGCN欢迎界面代码使用者不多，大志做了一些反思。感觉作品不能做的草草了事。
应该精益求精，今天介绍的是大志的最近产品，修改了以前的不足，提供了更多可选样式。使欢迎界面代码更加友好更加自由。
代码示例：
<style>
#Wellcome_Table{
background-image: url(’http://file.dzxrzj.blog.shinobi.jp/stars.jpg’)
}
#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://file.dzxrzj.blog.shinobi.jp/WellcomeII.js></script>
运行结果：http://file.dzxrzj.blog.shinobi.jp/indexwellcome.js.html
语法讲解：
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://file.dzxrzj.blog.shinobi.jp/WellcomeII.js></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>
【点击进入链接 http://dzxrzj.blog.shinobi.jp/entry/73/
】
加入收藏夹
del.icio.us
RSS
博客(可不填写):
*评论:
*输入验证码:
