樱花css
㈠ 谁会用樱花编辑器做个人网页
Sakura Editor （樱花抄编辑器）是一个日本人开发的 Windows 下的文本编辑器。
这和Notepad,EditPlus类似，用这样的编辑器做个人网页，需要对html代码比较熟悉，完全可以在编辑器下面写一个个人网页的。所有代码纯手工。
初学者还是建议用网页三剑客的Dreamweaver来制作网页，它在代码模式和可视化模式下都可以编辑网页。当然，单纯靠网页编辑器做一个个人主页是不够的，你还得会设计啊，会用PS或FW设计网页，然后切片，在DW中制作成HTML页面，如果要页面丰富，最好会一点FLash更好啦！
祝学习进步，愿你在学习过程中获得快乐和成就感！
㈡ 请各位CSS高手帮忙修改完善一下我的百度空间
网络空间CSS表较详细注释：
作出解释的都是主页的相关代码，其他页面的没有测试。希望能给刚接触空间的朋友一些帮助^_^
关于其他空间中原来没有的美化代码请参见我的其他日志：
http://hi..com/tblc
打开CSS表：
在空间页面上依次点击：设置——高级设置——自定义css
代码解释：
1、关于文字或背景的颜色的16进制代码形式如：#530C0E
可以到如下网页直观查看颜色代码：
http://shirley329.blogchina.com/3501281.html
也可以用颜色的相应英文单词替换，如：Black Fuchsia Gray Gree Lime Maroon Navy Olive Purple
Red Silver Teal White Yellow Blue Aqua
2、相关元素“位置”为“center,left,right”，可直接相互替换；
3、文字等元素的大小格式为“13px”数字越大字号或元素就越大，反之则越小；
4、图片地址可直接用可以引用的地址替换，建议将图片传到空间相册后再引用。
5、代码详细注释：
body{background-color:#530C0E}
——背景颜色
#header{height:89px;background:url() no-repeat}
#header div.rc{background:url() repeat-x}
——页面上方“主页博客|相册……”栏背景图片
#tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:3px;line-height:19px;background-
color:#BC0304;color:#FFFFFF;font-size:14px}
——页面上方“主页”栏大小颜色＋背景
#tab span{color:#FFFFFF;font-size:14px}
#tab a:link{color:#FFFFFF;text-decoration:none;font-size:14px}
——页面上方“博客|相册……”栏链接颜色，未被点击
#tab a:visited{color:#FFFFFF;text-decoration:none;font-size:14px}
——页面上方“博客|相册……”栏链接颜色，已被点击
#tab2{background:#DAE9F5}
#tab2 span{color:#000000;font-size:12px;font-weight:bold}
#tab2 a{font-size:12px}
#tab2 a:link{color:#0000CC}
#tab2 a:visited{color:#0000CC}
.stage{background:url() no-repeat top left;line-
height:1px}
——每个栏目右上角远郊边沿图片
.modbl{background-color:#FFF6E7;border-left:1px solid #FFF6E7;border-bottom:1px solid
#FFF6E7;line-height:1px}
——每个栏目左下角点的设置
.modbc{background-color:#FFF6E7;border-bottom:1px solid #FFF6E7;line-height:1px}
——每个栏目最下端一条的设置
.modbr{background-color:#FFF6E7;border-right:1px solid #FFF6E7;border-bottom:1px solid
#FFF6E7;line-height:1px}
——每个栏目右下角点的设置
#m_blog div.tit{font-size:14px;font-weight:bold}
#m_blog div.tit a{color:#000000;font-size:14px;font-weight:bold}
——日志标题大小颜色，未被点击
#m_blog div.tit a:visited{color:#000000}
——日志标题大小颜色，已被点击
#m_blog div.date{margin:5px 0 8px 0;color:#666666}
——日志日期文字大小颜色
#m_blog div.cnt{color:#000000;line-height:20px;font-size:14px}
——日志内容大小颜色
#m_blog div.more{margin:14px 0 16px 0}
#m_blog div.more a{color:#D77B18;font-size:14px}
——日志“阅读全文>>”的大小颜色，未被点击
#m_blog div.more a:visited{color:#D77B18}
——日志“阅读全文>>”的大小颜色，已被点击
#m_blog div.opt{color:#666666;font-size:12px}
——“类别：技术专区 | 编辑……”中的“|”的颜色大小
#m_blog div.opt a{color:#D77B18;font-size:12px}
——“类别：技术专区”的大小颜色
#m_blog div.opt a:visited{color:#D77B18}
——“编辑 删除 评论(4) 浏览(21)”的大小颜色
#m_blog div.line{margin-top:17px;line-height:17px;border-top:1px solid #F4C1B5}
——日之间的分割线的相关设置
#m_blog div.none{padding:100px 0 100px 0;color:#000000;font-size:14px}
——隐形设置，不需要改变
#m_pro a{color:#D77B18}
——个人档案中“查看详细信息”的颜色，未被点击
#m_pro a:visited{color:#D77B18}
——个人档案中“查看详细信息”的颜色，已被点击
#m_pro div.image{text-align:center}
——个人档案中照片的显示位置，分为“中，左，右——center,left,right”
#m_pro div.act{margin-top:10px}
——个人介绍和照片的间距
#m_pro div.user{margin-top:10px;color:#000000;font-size:12px;font-weight:bold}
——个人用户名的大小颜色
#m_pro div.desc{color:#000000;font-size:12px}
——个人介绍的大小颜色
#m_pro div.line{margin-top:17px;line-height:17px;border-top:1px solid #F4C1B5}
#m_pro td{color:#000000;line-height:24px;font-size:14px}
#m_album div.image{text-align:center}
——相册中照片的显示位置，分为“中，左，右——center,left,right”
#m_album div.page{color:#666666;font-size:12px;text-align:center}
#m_album div.page a{color:#0000CC;font-size:12px}
#m_album div.page a:visited{color:#0000CC}
#m_links div.item{color:#000000;font-size:12px}
——友情链接的连接描述的大小颜色
#m_links div.item a{color:#D77B18;font-size:12px;text-decoration:none}
——友情链接名的大小颜色，未被点击
#m_links div.item a:visited{color:#D77B18}
——友情链接名的大小颜色，已被点击
#m_links div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5}
——友情链接见的分隔符的相关设置
#m_artclg div.item{color:#666666;font-size:12px}
——文章分类中各分类后面主题数及括号的大小颜色
#m_artclg div.item a{color:#D77B18;font-size:12px}
——文章分类中各分类的大小颜色，未被点击
#m_artclg div.item a:visited{color:#D77B18}
——文章分类中各分类的大小颜色，已被点击
#m_artclg div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5}
——文章分类中各分类之间的分割线的相关设置
#m_comment div.item{color:#000000;font-size:12px}
#m_comment div.item a{color:#D77B18;font-size:12px}
——最新评论中用户名的大小颜色，未被点击
#m_comment div.item a:visited{color:#D77B18}
——最新评论中用户名的大小颜色，已被点击
#m_comment div.item a.cnt{color:#000000;font-size:12px;text-decoration:none}
——最新评论中评论文字的大小颜色，未被点击
#m_comment div.item a.cnt:visited{color:#000000;text-decoration:none}
——最新评论中评论文字的大小颜色，已被点击
#m_comment div.item a.cnt:hover{color:#000000;text-decoration:underline}
————最新评论中评论文字当鼠标移上去时的颜色
#m_comment div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5}
——最新评论中各评论之间的分割线的相关设置
有什么不懂的去我空间留言 http://hi..com/fayewang8
㈢ 求CSS代码。想要的效果是鼠标划过菜单时弹出的二级菜单相对该选项居中显示。不要常用的左对齐和右对齐。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
</head>
<style>
body{background:#000;margin:0;padding:50px;position:}
ul,li,hr{margin:0;padding:0;float:left;list-style:none;}
a{font-size:12px;font-weight:normal;font-family:"宋体";color:#999;text-decoration:none;text-
align:center;}
a:hover{color:orange;}
#nav{height:32px;background:#eee;width:100%;}
#nav a,#nav a.hover{width:88px;height:32px;float:left;color:#444;font:12px;font-weight:bold;
font-family:tahoma;text-decoration:none;line-height:32px;text-align:center;display:block;
border-right:1px solid #f5f2f0;border-left:1px solid #e0e0e0;}
#nav a:hover,#nav a.hover{background:orange;color:#fff;}
hr{width:100%;height:0px;border:none;border-top:1px solid #fff;overflow:hidden;
font-size:1px;display:block;clear:both;line-height:1px;}
*html hr{margin-bottom:-14px;}
hr.h1{border-color:#777;}
hr.h2{border-color:#555;}
hr.h3{border-color:#333;}
#cbox{position:absolute;top:82px;left:50px;}
#cbox ul{width:150px;background:#333;position:absolute;display:none;}
#cbox ul li{display:block;}
#cbox ul a{width:150px;height:25px;line-height:25px;border-bottom:1px solid #222;display:block;}
#cbox ul a:hover,#cbox ul a.hover{background:#444;color:orange;}
#cbox ul.cb{width:120px;}
#cbox ul.cb li a{width:120px;height:27px;line-height:27px;font-weight:bold;}
</style>
<body>
<div id="navbox">
<ul id="nav">
<li><a href="#">电影</a></li>
<li><a href="#">剧集</a></li>
<li><a href="#">动漫</a></li>
<li><a href="#">综艺</a></li>
<li><a href="#">游戏</a></li>
</ul>
<hr class="h1"></hr>
<hr class="h2"></hr>
<hr class="h3"></hr>
<div id="cbox">
<ul id="c1" class="cb">
<li><a href="#">新片 ></a></li>
<li><a href="#">高清 ></a></li>
<li><a href="#">内地 ></a></li>
<li><a href="#">港台 ></a></li>
<li><a href="#">欧美 ></a></li>
<li><a href="#">日韩 ></a></li>
</ul>
<ul id="c2" class="cb">
<li><a href="#">最新 ></a></li>
<li><a href="#">娱乐 ></a></li>
<li><a href="#">新闻 ></a></li>
<li><a href="#">晚会 ></a></li>
<li><a href="#">体育 ></a></li>
<li><a href="#">科教 ></a></li>
</ul>
<ul id="c3" class="cb">
<li><a href="#">最新 ></a></li>
<li><a href="#">电视版 ></a></li>
<li><a href="#">剧场版 ></a></li>
<li><a href="#">OVA ></a></li>
<li><a href="#">原创 ></a></li>
</ul>
<ul id="c1_1">
<li><a href="#">《将爱情进行到底》</a></li>
<li><a href="#">《戒烟不戒酒》</a></li>
<li><a href="#">《朱莉娅的眼睛》</a></li>
<li><a href="#">《寻龙夺宝》</a></li>
</ul>
<ul id="c1_2">
<li><a href="#">《爱你一万年》</a></li>
<li><a href="#">《人体蜈蚣》</a></li>
<li><a href="#">《一一》</a></li>
</ul>
<ul id="c1_3">
<li><a href="#">《霸王别姬》</a></li>
<li><a href="#">《星月童话》</a></li>
<li><a href="#">《我知女人心》</a></li>
<li><a href="#">《武林外传》</a></li>
<li><a href="#">《风月》</a></li>
</ul>
<ul id="c1_4">
<li><a href="#">《前度》</a></li>
<li><a href="#">《猛男滚死队》</a></li>
<li><a href="#">《失业生》</a></li>
<li><a href="#">《婚前试爱》</a></li>
</ul>
<ul id="c1_5">
<li><a href="#">《美人计》</a></li>
<li><a href="#">《绿野仙踪》</a></li>
<li><a href="#">《乞力马扎罗的雪》</a></li>
<li><a href="#">《88分钟》</a></li>
<li><a href="#">《兰戈》</a></li>
<li><a href="#">《盗梦空间》</a></li>
<li><a href="#">《机械师》</a></li>
</ul>
<ul id="c1_6">
<li><a href="#">《攻壳机动队》</a></li>
<li><a href="#">《女教授的隐秘魅力》</a></li>
<li><a href="#">《天使之恋》</a></li>
<li><a href="#">《妈妈要出嫁》</a></li>
<li><a href="#">《告白》</a></li>
</ul>
<ul id="c2_1">
<li><a href="#">《美人心计》</a></li>
<li><a href="#">《生活大爆炸》</a></li>
<li><a href="#">《画皮》</a></li>
<li><a href="#">《实习医生格蕾》</a></li>
<li><a href="#">《恋爱SOS》</a></li>
</ul>
<ul id="c2_2">
<li><a href="#">《宫锁心玉》</a></li>
<li><a href="#">《爱似百汇》</a></li>
<li><a href="#">《借枪》</a></li>
</ul>
<ul id="c2_3">
<li><a href="#">《爱情公寓》第一季</a></li>
<li><a href="#">《回家的诱惑》</a></li>
<li><a href="#">《梨花泪》</a></li>
<li><a href="#">《风声传奇》</a></li>
<li><a href="#">《女娲传说之灵珠》</a></li>
</ul>
<ul id="c2_4">
<li><a href="#">《只有您》</a></li>
<li><a href="#">《犀利人妻》</a></li>
<li><a href="#">《谁家灶头无烟火》</a></li>
<li><a href="#">《女拳》</a></li>
<li><a href="#">《栋笃神探》</a></li>
<li><a href="#">《国民英雄》</a></li>
</ul>
<ul id="c2_5">
<li><a href="#">《幻世浮生》第一季</a></li>
<li><a href="#">《生活大爆炸》第四季</a></li>
<li><a href="#">《实习医生格蕾》第七季</a></li>
<li><a href="#">《吸血鬼日记》第二季</a></li>
<li><a href="#">《尼基塔》第一季</a></li>
<li><a href="#">《绯闻女孩》第四季</a></li>
<li><a href="#">《行尸走肉》第一季</a></li>
</ul>
<ul id="c2_6">
<li><a href="#">《南瓜花的纯情》</a></li>
<li><a href="#">《深夜食堂》</a></li>
<li><a href="#">《樱花心中》</a></li>
<li><a href="#">《天使的诱惑》</a></li>
<li><a href="#">《示谈交渉人》</a></li>
<li><a href="#">《49日》</a></li>
</ul>
<ul id="c3_1">
<li><a href="#">《银魂》第二季</a></li>
<li><a href="#">《变形金刚：领袖》</a></li>
<li><a href="#">《花开伊吕波》</a></li>
</ul>
<ul id="c3_2">
<li><a href="#">《日常》</a></li>
<li><a href="#">《DOG》DAYS</a></li>
<li><a href="#">《花开伊吕波》</a></li>
</ul>
<ul id="c3_3">
<li><a href="#">《空之境界》最终章</a></li>
<li><a href="#">《夏娃的时间》</a></li>
<li><a href="#">《我的女神》</a></li>
<li><a href="#">《破刃之剑》第四章</a></li>
<li><a href="#">《爷爷与花》</a></li>
</ul>
<ul id="c3_4">
<li><a href="#">《黑礁》第三季</a></li>
<li><a href="#">《校园迷糊大王》</a></li>
<li><a href="#">《高智能方程式Sin》</a></li>
</ul>
<ul id="c3_5">
<li><a href="#">《爷爷与花》</a></li>
<li><a href="#">《十年》</a></li>
<li><a href="#">《37137》</a></li>
<li><a href="#">《魇》</a></li>
<li><a href="#">《我叫MT》</a></li>
</ul>
</div>
</div>
</body>
</html>
<script>
var last_pid=last_cid=pid=cid=0;
var a_h=parseInt($("#c1 a").css("height"))+1;
var a_w=parseInt($("#c1 a").css("width"));
var nav_w=parseInt($("#nav li").css("width"));
function showMenu(){
if(cid!=last_cid){
$("#c"+last_pid+"_"+last_cid).hide();
$("#c"+last_pid+" a").eq(last_cid-1).removeClass("hover");
if(cid){
$("#c"+pid+"_"+cid).css("top",(cid-1)*a_h).css("left",(pid-1)*nav_w+a_w-16+"px").show();
$("#c"+pid+" a").eq(cid-1).addClass("hover");
}
last_cid=cid;
}
if(pid!=last_pid){
$("#c"+last_pid).hide();
$("#nav a").eq(last_pid-1).removeClass("hover");
if(pid){
$("#c"+pid).css("left",(pid-1)*nav_w-16).slideDown();
$("#nav a").eq(pid-1).addClass("hover");
}
last_pid=pid;
}
}
$("#nav a").hover(function(){
pid=$("#nav a").index($(this))+1;
cid=0;
showMenu();
},function(){
pid=cid=0;
t=setTimeout("showMenu()",50);
});
$("#cbox").mouseover(function(e){
var obj=e.target;
if($(obj).attr("id")!="cbox"){
var ppobj=$(obj).parent().parent();
var index=ppobj.find("a").index($(obj));
var ppid=ppobj.attr("id");
var str=ppid.substring(1,ppid.length).split("_");
pid=str[0];
if(str.length==2){
cid=str[1];
}else{
cid=index+1;
}
showMenu();
}
}).mouseout(function(e){
var obj=e.target;
if($(obj).attr("id")!="cbox"){
pid=cid=0;
t=setTimeout("showMenu()",50);
}
});
</script>
原文链接:http://hi..com/lmj80/blog/item/ecea7dff3e750a0009244d3a.html
㈣ 谁能提供网页樱花飘落的背景特效
背景颜色自己选[推荐][共1步]
====1、以下是这个效果的全部代码。[最好从一个空页面开始]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb_2312-80">
<title>新页面 </title>
</head>
<body>
<script language="JavaScript">
<!--
done = 0;
step = 4
function anim(yp,yk)
{
if(document.layers) document.layers["napis"].top=yp;
else document.all["napis"].style.top=yp;
if(yp>yk) step = -4
if(yp<60) step = 4
setTimeout('anim('+(yp+step)+','+yk+')', 35);
}
function start()
{
if(done) return
done = 1;
if(navigator.appName=="Netscape") {
document.napis.left=innerWidth/2 - 145;
anim(60,innerHeight - 60)
}
else {
napis.style.left=11;
anim(60,document.body.offsetHeight - 60)
}
}
//-->
</script>
<div id="napis"
style="position: absolute;top: -50;
color: #000000;font-family:宋体;font-size:9pt;">
</div><script language="JavaScript">
<!--
setTimeout('start()',10);
//-->
</script>
<script language="JavaScript">
<!-- Begin
function initArray() {
for (var i = 0; i < initArray.arguments.length; i++) {
this[i] = initArray.arguments[i];
}
this.length = initArray.arguments.length;
}
var colors = new initArray(
"#000000","#0000FF","#80FFFF","#80FF80","#FFFF00","#FF8000","#FF00FF","#FF0000"
);
delay = 100
link = 0;
vlink = 0;
function linkDance() {
link = (link+1)%colors.length;
vlink = (vlink+1)%colors.length;
document.linkColor = colors[link];
document.vlinkColor = colors[vlink];
setTimeout("linkDance()",delay);
}
linkDance();
// End -->
</script>
<script>
function colors(c1){
this.c1 = c1;
}
a00 = new colors("FFFBD0");
a01 = new colors("FF0000");
a02 = new colors("FF8080");
a03 = new colors("FF8000");
a04 = new colors("FFFF00");
a05 = new colors("000080");
a06 = new colors("0000FF");
a07 = new colors("008000");
a08 = new colors("00FF00");
a09 = new colors("804000");
a10 = new colors("808000");
a11 = new colors("000000");
a12 = new colors("FFFFFF");
a13 = new colors("C0C0C0");
a14 = new colors("408080");
a15 = new colors("808080");
a16 = new colors("D2BF51");
a17 = new colors("44BBE8");
a18 = new colors("C97AB9");
a19 = new colors("A2C97A");
a20 = new colors("804000");
a21 = new colors("6AE6C4");
a22 = new colors("33A3D1");
a23 = new colors("6C9AEE");
function changebg(type){
scheme = type;
document.bgColor = scheme.c1;
timerID=setTimeout('document.bgColor = scheme.c2', document.selector.value * 10);
}
</script>
<form NAME="selector">
<p><input TYPE="button" onClick="changebg(a00)" style="background-color: rgb(255,251,208)"><input
TYPE="button" onClick="changebg(a01)" style="background-color: rgb(255,0,0)"><input
TYPE="button" onClick="changebg(a02)" style="background-color: rgb(255,128,128)"><input
TYPE="button" onClick="changebg(a03)" style="background-color: rgb(255,128,0)"><input
TYPE="button" onClick="changebg(a04)" style="background-color: rgb(255,255,0)"><input
TYPE="button" onClick="changebg(a05)" style="background-color: rgb(0,0,128)"><input
TYPE="button" onClick="changebg(a06)" style="background-color: rgb(0,0,255)"><input
TYPE="button" onClick="changebg(a07)" style="background-color: rgb(0,128,0)"><input
TYPE="button" onClick="changebg(a08)" style="background-color: rgb(0,255,0)"><input
TYPE="button" onClick="changebg(a09)" style="background-color: rgb(128,0,0)"><input
TYPE="button" onClick="changebg(a10)" style="background-color: rgb(128,128,0)"><input
TYPE="button" onClick="changebg(a11)" style="background-color: rgb(0,0,0)"><input
TYPE="button" onClick="changebg(a12)" style="background-color: rgb(255,255,255)"><input
TYPE="button" onClick="changebg(a13)" style="background-color: rgb(192,192,192)"><input
TYPE="button" onClick="changebg(a14)" style="background-color: rgb(64,128,128)"><input
TYPE="button" onClick="changebg(a15)" style="background-color: rgb(128,128,128)"><input
TYPE="button" onClick="changebg(a16)" style="background-color: rgb(210,191,81)"><input
TYPE="button" onClick="changebg(a17)" style="background-color: rgb(68,187,232)"><input
TYPE="button" onClick="changebg(a18)" style="background-color: rgb(201,122,185)"><input
TYPE="button" onClick="changebg(a19)" style="background-color: rgb(162,201,122)"><input
TYPE="button" onClick="changebg(a20)" style="background-color: rgb(106,230,196)"><input
TYPE="button" onClick="changebg(a21)" style="background-color: rgb(194,219,185)"><input
TYPE="button" onClick="changebg(a22)" style="background-color: rgb(51,163,209)"><input
TYPE="button" onClick="changebg(a23)" style="background-color: rgb(108,154,238)"> </p>
</form>
</body>
</html>
不停变换的背景颜色[共1步]
====1、将以下代码加入HTML的<body></body>之间：
<body bgColor="#ffffff" onload="chgCol(); pingpong();">
<script language="JavaScript">
<!-- Hide from JavaScript-Impaired Browsers
var pos = 10;
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}
var col=new initArray("4b","5b","8b","8b");
col[0] = "yellow";
col[1] = "coral";
col[2] = "orange";
col[3] = "red";
col[4] = "greenyellow";
col[5] = "lime";
col[6] = "turquoise";
col[7] = "coral";
col[8] = "blueviolet";
col[9] = "violet";
function chgCol() {
pos++;
if (pos<0||pos>9) {
pos = 0;
}
document.bgColor = col[pos];
setTimeout("chgCol()",5000);
/* Change above set to every 10 seconds (1000 = 1 sec) If
you wish to speed it up, lower the number. To slow it
down, raise the number. */
}
var yourwords = "不断变化背景色彩";var buffer1=" ";var buffer2=" ";var message1=buffer1+yourwords+buffer2;var dir = "left";var speed =150;function pingpong(){if (dir == "left") { message2=message1.substring(2,message1.length)+" "; window.status=message2; setTimeout("pingpong();",speed); message1=message2; if (message1.substring(0,1) == "*") dir="right"; }else { message2=" "+message1.substring(0,message1.length-2); window.status=message2; setTimeout("pingpong();",speed); message1=message2; if (message1.substring(message1.length-1,message1.length) == "*") dir="left"; }}// --></script>
检测浏览器类型并调用不同的背景音乐[修改MIDI文件名][共1步]
====1、将以下代码加入HTML的<body></body>之间：
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var MSIE=navigator.userAgent.indexOf("MSIE");
var NETS=navigator.userAgent.indexOf("Netscape");
var OPER=navigator.userAgent.indexOf("Opera");
if((MSIE>-1) || (OPER>-1)) {
document.write("<BGSOUND SRC=sound.mid LOOP=INFINITE>");
} else {
document.write("<EMBED SRC=sound2.mid AUTOSTART=TRUE ");
document.write("HIDDEN=true VOLUME=100 LOOP=TRUE>");
}
// End -->
</SCRIPT>
滚动背景[特别推荐][共1步][IE专用]<先在页面中设置好背景图片然后再进行下一步>
====1、将以下代码加入HEML的<body></body>之间：
<script language="VBScript">
dim c,numgc
c=-100000
numgc=document.body.sourceIndex
sub SF
c=c+1
Document.all(numgc).style.BackgroundPosition= "0 " &c
id=SetTimeOut("SF",16,"VBScript")
end sub
SF
</script>
永远居中的背景图片[推荐][共1步][修改图片名称]
====1、将以下代码加入HEML的<body></body>之间：
<STYLE TYPE="text/css">
<!--
BODY {background-image: URL(图片名称.gif);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
-->
</STYLE>
随机显示的背景图片[想别人每次看你页面时背景都不一样吗？][共1步]
====1、将以下代码加入HTML的<head></head>之间：
<script LANGUAGE="JavaScript">
bg = new Array(2); //设定图片数量，如果图片数为3，这个参数就设为2，依次类推
bg[0] = 'bg1.gif' //显示的图片路径，可用http://
bg[1] = 'bg2.gif'
bg[2] = 'bg3.gif'
index = Math.floor(Math.random() * bg.length);
document.write("<BODY BACKGROUND="+bg[index]+">");
</script>
跟随屏幕移动的图像[推荐]修改图片名称和文字即可][共2步]
====1、将以下代码加入到HEML的<head></head>之间：
<style type="text/css">
#floater {
position: absolute;
left: 500;
top: 146;
width: 125;
visibility: visible;
z-index: 10;
}</style>
====2、将以下代码加入到HEML的<body></body>之间
<div ID="floater" style="left: 590px; top: 158px">
<p align="center"><img SRC="想要显示的图片.gif" alt="图片显示的文字" WIDTH="125" HEIGHT="60"><br>
<font color="#FF8040">图片下面的文字</font></p>
</div><script LANGUAGE="JavaScript">
self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;
<!-- STALKER CODE -->
function heartBeat() {
if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }
if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
if(diffY != lastScrollY) {
percent = .1 * (diffY - lastScrollY);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater.style.pixelTop += percent;
if(NS) document.floater.top += percent;
lastScrollY = lastScrollY + percent;
}
if(diffX != lastScrollX) {
percent = .1 * (diffX - lastScrollX);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater.style.pixelLeft += percent;
if(NS) document.floater.left += percent;
lastScrollX = lastScrollX + percent;
}
}
<!-- /STALKER CODE -->
<!-- DRAG DROP CODE -->
function checkFocus(x,y) {
stalkerx = document.floater.pageX;
stalkery = document.floater.pageY;
stalkerwidth = document.floater.clip.width;
stalkerheight = document.floater.clip.height;
if( (x > stalkerx && x < (stalkerx+stalkerwidth)) && (y > stalkery && y < (stalkery+stalkerheight))) return true;
else return false;
}
function grabIt(e) {
if(IE) {
whichIt = event.srcElement;
while (whichIt.id.indexOf("floater") == -1) {
whichIt = whichIt.parentElement;
if (whichIt == null) { return true; }
}
whichIt.style.pixelLeft = whichIt.offsetLeft;
whichIt.style.pixelTop = whichIt.offsetTop;
currentX = (event.clientX + document.body.scrollLeft);
currentY = (event.clientY + document.body.scrollTop);
} else {
window.captureEvents(Event.MOUSEMOVE);
if(checkFocus (e.pageX,e.pageY)) {
whichIt = document.floater;
StalkerTouchedX = e.pageX-document.floater.pageX;
StalkerTouchedY = e.pageY-document.floater.pageY;
}
}
return true;
}
function moveIt(e) {
if (whichIt == null) { return false; }
if(IE) {
newX = (event.clientX + document.body.scrollLeft);
newY = (event.clientY + document.body.scrollTop);
distanceX = (newX - currentX); distanceY = (newY - currentY);
currentX = newX; currentY = newY;
whichIt.style.pixelLeft += distanceX;
whichIt.style.pixelTop += distanceY;
if(whichIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop;
if(whichIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft;
if(whichIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;
if(whichIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5;
event.returnValue = false;
} else {
whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY);
if(whichIt.left < 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset;
if(whichIt.top < 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset;
if( (whichIt.left + whichIt.clip.width) >= (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17;
if( (whichIt.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17;
return false;
}
return false;
}
function dropIt() {
whichIt = null;
if(NS) window.releaseEvents (Event.MOUSEMOVE);
return true;
}
<!-- DRAG DROP CODE -->
if(NS) {
window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);
window.onmousedown = grabIt;
window.onmousemove = moveIt;
window.onmouseup = dropIt;
}
if(IE) {
document.onmousedown = grabIt;
document.onmousemove = moveIt;
document.onmouseup = dropIt;
}
if(NS || IE) action = window.setInterval("heartBeat()",1);
</script>
可以看一下http://www.ik8.com/
㈤ 找粉红色花瓣的网页特效
http://www.haofa.net/sc/shubiao/591scimgcur/023.ani
http://www.haofa.net/sc/shubiao/591scimgcur/044.ani
http://www.haofa.net/sc/shubiao/591scimgcur/056.ani
是鼠标效果的文件 你可以从 控制面板--鼠标--指针 选项里浏览这个文件
就可以改变鼠标的显示效果
将如下代码加入CSS
cursor:url('http://www.haofa.net/sc/shubiao/591scimgcur/056.ani')}
A{(cursor:url('http://www.haofa.net/sc/shubiao/591scimgcur/056.ani')}
说明1：第一行:"cursor:url('http://www.haofa.net/sc/shubiao/591scimgcur/056.ani')}"是鼠标指针初始形态的图形，把你喜爱的保存待用鼠标相应的网址复制到url( )里面。
第二行:" A{(cursor:url('http://www.haofa.net/sc/shubiao/591scimgcur/056.ani')}"是鼠标指针碰到链接的形态的图形,把你喜爱的保存待用鼠标相应的网址复制到url( )里面。
说明2：以上两种鼠标样式你需要两个鼠标指针图片（最好这两个图片是一套或是相近的）。
说明3：如果你喜欢的鼠标指针只有一张图片而不是两张，那么"A{(cursor:url('鼠标指针图片网址')}"这段代码就不用写了。
㈥ 谁有或谁知道百度空间樱花背景图!!!
是与
http://hi..com/sycamore0514
这个背景一样,但比它好些```比如说显示空间名的标志和空间名会靠上一些,而且左上方没有网址```
`````难道没有人用吗？把用这个背景的那个人的空间地址发过来也可以啊~~~急需哦```
如果没有正确答案```分就给我了``忽忽``
㈦ 类似那种樱花粉的RGB值是多少
樱花粉RGB值是 ：红，绿192，蓝203
RGB是从颜色发光的原理来设计定的，通俗点说它的颜色混合方式就好像有红、绿、蓝三盏灯，当它们的光相互叠合的时候，色彩相混，而亮度却等于两者亮度之总和，越混合亮度越高，即加法混合。
有色光可被无色光冲淡并变亮。如蓝色光与白光相遇，结果是产生更加明亮的浅蓝色光。知道它的混合原理后，在软件中设定颜色就容易理解了。
红、绿、蓝三盏灯的叠加情况，中心三色最亮的叠加区为白色，加法混合的特点:越叠加越明亮。
红、绿、蓝三个颜色通道每种色各分为255阶亮度，在0时"灯"最弱--是关掉的，而在255时"灯"最亮。当三色数值相同时为无色彩的灰度色，而三色都为255时为最亮的白色，都为0时为黑色。
RGB 颜色称为加成色，因为您通过将 R、G 和 B 添加在一起(即所有光线反射回眼睛)可产生白色。加成色用于照明光、电视和计算机显示器。例如，显示器通过红色、绿色和蓝色荧光粉发射光线产生颜色。绝大多数可视光谱都可表示为红、绿、蓝 (RGB) 三色光在不同比例和强度上的混合。这些颜色若发生重叠，则产生青、洋红和黄。
(7)樱花css扩展阅读：
由于网页(WEB)是基于计算机浏览器开发的媒体，所以颜色以光学颜色RGB（红、绿、蓝）为主。网页颜色是以16进制代码表示，一般格式为#DEFABC （字母范围从A-F,数字从0-9 ）；如黑色，在网页代码中便是：#000000(在css编写中可简写为#000)。当颜色代码为#AABB11时，可以简写为#AB1表示，如#135与#113355表示同样的颜色。
RGB1、RGB4、RGB8都是调色板类型的RGB格式，在描述这些媒体类型的格式细节时，通常会在BITMAPINFOHEADER数据结构后面跟着一个调色板（定义一系列颜色）。它们的图像数据并不是真正的颜色值，而是当前像素颜色值在调色板中的索引。以RGB1（2色位图）为例，比如它的调色板中定义的两种颜色值依次为0x000000（黑色）和0xFFFFFF（白色）…（每个像素用1位表示）表示对应各像素的颜色为：黑黑白白黑白黑白黑白白白。
㈧ 找张 关于 Sakura 的图
http://image..com/i?ct=503316480&z=0&tn=imagedetail&word=%D0%A1%D3%A3&in=17223&cl=2&cm=1&sc=0&lm=-1&pn=4&rn=1&di=2402019176&ln=2000
http://image..com/i?ct=503316480&z=0&tn=imagedetail&word=%D0%A1%D3%A3&in=24752&cl=2&cm=1&sc=0&lm=-1&pn=14&rn=1&di=620527761&ln=2000
想要更多的：http://image..com/i?tn=image&ct=201326592&cl=2&lm=-1&pv=&word=%D0%A1%99%D1&z=0
㈨ 初音岛DCSS剧情
音梦 第6话就有了！！！
去护士学院学习如何当一名合格的护士
最后和纯一结婚了（第26话）
初音岛网络
http://ke..com/view/502780.htm?fr=ala0_1_1
http://ke..com/view/1054153.htm
第一季（D.C.） 01.不可以喜欢吗 02.音梦火暴出击 03.香蕉是什么 04.樱树下的金丝雀 05.因为是女佣 06.一起去海边吧 07.去水月家做客 08.歌丸的春天 09.迷一般的诗歌 10.想让你听见 11.外出吧 12.因为是恋人的游戏 13.樱的胸部大骚动 14.小狗的大采购 15.总集篇 16.无能的魔法师 17.不能实现的愿望 18.只属于两人的秘密 19.幸福的时光 20.擦肩而过的心情 21.樱的决心 22.美好的回忆 23.真心的告白 24.记忆之门 25.心在溃乱 26.最终话 第二季（D.C.S.S.） 01.两年后的今天 02.无法解读的地图 03.同一屋檐下 04.在樱树对面 05.魔法的尾巴 06.写给美春的信 07.误解 08.暴风雨的预感 09.永不调零的思念 10.我要入部 11.现在执笔中 12.初音岛的双星 13.爱茜亚的夏天 14.心扉 15.送上我的心声 16.萌生的思念 17.音梦和纯一 18.樱花色的海市蜃楼 19.小樱的话 20.逝去的季节 21.两位魔法师 22.大家的时间 23.沉默的夏天 24.誓言 25.梦的重奏 26.幸福的钟声 OVA（D.C. if） 01.前编 02.后编
（D.C.S.S.）初音岛(纯一 音梦版）第2季 剧情（本人自己总结的网上没有）
第1话两年之后音梦护士学院 学习 纯一就有大家照顾（主要是小鸟），纯一和小鸟放学去沙滩玩。结果赶上了雨，回到纯一家已经是落汤鸡了。。。这是几天没有吃饭的爱西亚晕倒在纯一家。第2话 吃完饭 知道了爱西亚为了找人而来到初音岛，纯一请假（不上学）和爱西亚在初音岛，找了一大圈结果居然是纯一家旁边的小樱家（小樱去美国了，而奶奶死了）只好暂住纯一家。
第3话 爱西亚认为纯一会“高级魔法”纯一只会变点心，爱西亚不相信就巴结纯一（给家雷大扫除之类的），但纯一只会变点心，由于一次意外，觉得不方便住在纯一家（孤男寡女）就去了水越家，但爱西亚是一次磨练。第4话爱西亚来到了风间学院上学，认为这里是魔法学校，结果闹出了一些笑话第5话
爱西亚1天24小时监视纯一还是认为“高级魔法”制造了很多麻分，结果2人（爱西亚和纯一经历了一次“冒险”）第6话美春收到了情书，在全校大会时音梦的出现认纯一很吃惊，但纯一很生气，因为不是第一个告诉纯一（连美春都知道）两人在了望塔沟通了 心情本因高高兴兴回家，但回家之后就看到了爱西亚，音梦吃醋，就住在美春家。第7话一开始是学生们体检，纯一吃醋认为音梦和老师谈恋爱，确认一下来到了保健室，音梦不在，纯一听到声音，躲了起来，老师看见音梦，音梦的头发需要整理，而偷偷看的纯一以为是kiss。。。
第8话 纯一认为音梦变心了，用大扫除来麻痹自己，纯一和爱西亚出门逛街转换心情，傍晚回家以后，音梦在家，纯一和音梦吵架 纯一让音梦解释kiss，音梦说解释只是做晚餐，没有和老师kiss，音梦哭着离家出走
第9话 知道了茵梦的良苦用心纯一很后悔，而音梦并没有接受哥哥的道歉。。。在美春和爱西亚的努力下 2人在樱花树下和解 第10话 爱西亚进入巫女部一心想帮助棒球部实现愿望 第11话 爱西亚迷上了魔法志保漫画书 想象志保一样 用魔法帮助彩珠菜菜子 第12话 音梦去医院实习 了解到了生病的日野小朋友没有父母的照顾，大家来接音梦一起喝下午茶，爱丽丝不小心把马戏团的海报撕了，那是日野小朋友唯一和父母的记忆，于是大家决定在医院表演马戏 表演者 爱丽丝，爱西亚 第13话 纯一知道了爱西亚的愿望 让大家幸福 第14话 纯一和音梦 在海滩开了感谢 照顾哥哥的聚会，爱西亚也知道了所有人
都喜欢纯一。第15话 爱西亚知道了小鸟喜欢纯一 制造机会 让小鸟给纯一做午餐 在夏季节（类似庙会）庙会时巧合没有其他人陪纯一逛庙会，小鸟陪纯一逛庙会 但小鸟没有利用机会告白 第16话 爱西亚自己查找为什么其他人不告白的原因 第17话 爱西亚知道了音梦为什么了解纯一 因为音梦从小就观察纯一音梦已经做到了纯一不说话，音梦知道纯一需要的东西（心有灵心）第18话 小樱回来了 第19话 大家装修小樱家的房子 第20话纯一做客小樱家， 爱西亚从小鸟的话中知道了 2年前 初音岛的樱花树是魔法樱花树（能实现愿望的樱花树）爱西亚想让樱花树恢复 2年前 初音岛的樱花树 第21话 小樱告诉爱西亚是自己让樱花树枯萎 因为樱花树 不仅好的愿望的实现连坏的愿望也能实现（樱花树非常危险）但爱西亚没有听进去 第22话由于音梦和纯一在一起的时间变少了，大家就组织了夜晚试胆大会 爱西亚觉得大家很傻，自己一心想让樱花树恢复 2年前 初音岛的樱花树 第2天樱花恢复 2年前 初音岛的樱花树 而爱西亚不知道自己回家睡觉了 第23话 由于樱花树恢复 2年前 初音岛的樱花树，受到樱花树的影响 音梦体力下降 大家开是认为 音梦和纯一是有血缘关系的兄妹（音梦是收养的自己真正的父母交通事故去世）音梦和纯一彼此也开始相信是有血缘关系的兄妹 第24话 小樱和小鸟2人没有受到樱花树的影响，其他人疯狂想和纯一约会 音梦和纯一在樱花树下意识短暂苏醒 纯一 再次在樱花树下发誓音梦和纯一 kiss 第25话 小樱告诉爱西亚，你自己的愿望当成大家的愿望，纯一不选择你，还会反复同样的事情，爱西亚不相信回到家看到，难受伤心的音梦，跑出家门又看到 纯一也和音梦的情况一样 意识到自己做了一件几乎无法挽回的事情。第26话（最终话） 爱西亚让樱花树枯萎，一一告别离开了初音岛，又过了一过时间 纯一在教堂和音梦结婚，爱西亚用魔法让所有人拿到迷你新娘子（音梦） 抛得花
初音岛 dc ss漏洞 第1季大家高中毕业（音梦在第1季失忆时，好朋友水越真子和杉并送来本校大学校服） 但第2季校服还是高中的校服最后1话大家这才变成大学（本校）除了音梦和水越萌（音梦岂不是初中学历就去护士学院上学？！）， 大家岂不是上了2次高中 岂不是用6年高中毕业！！！
在初音岛DC IF OVA 音梦死了 故事可以说是上接初音岛 dc (纯一 音梦版 第一季) 一共26话 的剧情（可以这么说） 一开始还是音梦和小樱PK 最后小樱和TV版一样放弃了纯一，但和TV版不同的是，让樱花树枯萎没有见效，音梦去世！
纯一在大家的帮助下，走出音梦去世的阴影，最后和百合小鸟结婚（在天堂的音梦看到哥哥幸福让樱花树恢复了一年四季的魔法樱花树）当然初音岛DC IF 可以说是小鸟路线，在ova音梦的结局和游戏一样 音梦去世！
初音岛DC IF OVA
http://www.youku.com/playlist_show/id_3177719.html
在初音岛TV（纯一音梦版）经过磨难纯一和音梦 2人进入婚姻殿堂
初音岛dc (纯一 音梦版 第一季) 一共26话
初音岛 dc ss (纯一 音梦版 第二季) 一共26话
初音岛 DC if 是 纯一 音梦 版 的 OVA 一共2话(上集和下集)
初音岛 DC II (音姬 由梦版 第一季) 一共13话
初音岛 DC II SS(音姬 由梦版 第二季) 一共13话
音姬 由梦版第3部 官方网站说开始在日本电视台放送才有！
纯一 音梦的孙女是音姬 由梦
目前 初音岛 没有剧场版
（2010年11月新番）日本播放时间11.28 中国字幕组最早11.29 初音岛 OVA D.C.Extra（D.C. ~初音岛~ Extra）
知道这个长达8年历史的《D.C.初音岛》系列动画的人不会不知道芳乃樱的大名,这位不老不死的永远的金发双马尾萝莉伴随我们走过了这么多年.作为新作《D.C.Extra》系列的第一弹《樱》在上个月的漫画杂志《Comptic》上已经发表了制作的消息,不过目前透露出的消息仅此而已,本来就是不老不死的魔女,这下成了魔法少女,不过也尚在可以接受的范围内,现在最期待就是这部动画赶紧制作出来播放了
《D.C. ~初音岛~ Extra》目前正在火热的制作中.
这次制作的魔法少女芳乃樱是以小学生版本的芳乃樱为主角,设定为迄今为止《D.C.》系列最壮观华丽的故事,喜爱这个系列游戏的忠实玩家又怎能错过 Circus为你准备的如此盛大的厚礼呢？目前官网还没有公开Staff等等进一步的消息,我们将继续做跟踪报道.
㈩ 求CSS模版
这个怎么样 我只能做这个了 还不错吧 /*大背景*/ body{ BACKGROUND-POSITION:center 90%; BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(