櫻花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(