已经过IE6，Opera测试，把下面代码复制粘贴到文本文件，改后缀为.html，双击即可看到效果，运行时要能上网，除非你把jquery-1.5.2.min.js下载到本地
创新互联拥有一支富有激情的企业网站制作团队，在互联网网站建设行业深耕10年，专业且经验丰富。10年网站优化营销经验，我们已为近1000家中小企业提供了做网站、成都网站设计解决方案，按需网站设计，设计满意，售后服务无忧。所有客户皆提供一年免费网站维护!
html xmlns=""
head
script type="text/javascript" src=""/script
/head
style
body{background:#000;margin:0;padding:0;}
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:32px;left:0;}
#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"
lia href="#"电影/a/li
lia href="#"剧集/a/li
lia href="#"动漫/a/li
lia href="#"综艺/a/li
lia href="#"游戏/a/li
/ul
hr class="h1"/hr
hr class="h2"/hr
hr class="h3"/hr
div id="cbox"
ul id="c1" class="cb"
lia href="#"新片 /a/li
lia href="#"高清 /a/li
lia href="#"内地 /a/li
lia href="#"港台 /a/li
lia href="#"欧美 /a/li
lia href="#"日韩 /a/li
/ul
ul id="c2" class="cb"
lia href="#"最新 /a/li
lia href="#"娱乐 /a/li
lia href="#"新闻 /a/li
lia href="#"晚会 /a/li
lia href="#"体育 /a/li
lia href="#"科教 /a/li
/ul
ul id="c3" class="cb"
lia href="#"最新 /a/li
lia href="#"电视版 /a/li
lia href="#"剧场版 /a/li
lia href="#"OVA /a/li
lia href="#"原创 /a/li
/ul
ul id="c1_1"
lia href="#"《将爱情进行到底》/a/li
lia href="#"《戒烟不戒酒》/a/li
lia href="#"《朱莉娅的眼睛》/a/li
lia href="#"《寻龙夺宝》/a/li
/ul
ul id="c1_2"
lia href="#"《爱你一万年》/a/li
lia href="#"《人体蜈蚣》/a/li
lia href="#"《一一》/a/li
/ul
ul id="c1_3"
lia href="#"《霸王别姬》/a/li
lia href="#"《星月童话》/a/li
lia href="#"《我知女人心》/a/li
lia href="#"《武林外传》/a/li
lia href="#"《风月》/a/li
/ul
ul id="c1_4"
lia href="#"《前度》/a/li
lia href="#"《猛男滚死队》/a/li
lia href="#"《失业生》/a/li
lia href="#"《婚前试爱》/a/li
/ul
ul id="c1_5"
lia href="#"《美人计》/a/li
lia href="#"《绿野仙踪》/a/li
lia href="#"《乞力马扎罗的雪》/a/li
lia href="#"《88分钟》/a/li
lia href="#"《兰戈》/a/li
lia href="#"《盗梦空间》/a/li
lia href="#"《机械师》/a/li
/ul
ul id="c1_6"
lia href="#"《攻壳机动队》/a/li
lia href="#"《女教授的隐秘魅力》/a/li
lia href="#"《天使之恋》/a/li
lia href="#"《妈妈要出嫁》/a/li
lia href="#"《告白》/a/li
/ul
ul id="c2_1"
lia href="#"《美人心计》/a/li
lia href="#"《生活大爆炸》/a/li
lia href="#"《画皮》/a/li
lia href="#"《实习医生格蕾》/a/li
lia href="#"《恋爱SOS》/a/li
/ul
ul id="c2_2"
lia href="#"《宫锁心玉》/a/li
lia href="#"《爱似百汇》/a/li
lia href="#"《借枪》/a/li
/ul
ul id="c2_3"
lia href="#"《爱情公寓》第一季/a/li
lia href="#"《回家的诱惑》/a/li
lia href="#"《梨花泪》/a/li
lia href="#"《风声传奇》/a/li
lia href="#"《女娲传说之灵珠》/a/li
/ul
ul id="c2_4"
lia href="#"《只有您》/a/li
lia href="#"《犀利人妻》/a/li
lia href="#"《谁家灶头无烟火》/a/li
lia href="#"《女拳》/a/li
lia href="#"《栋笃神探》/a/li
lia href="#"《国民英雄》/a/li
/ul
ul id="c2_5"
lia href="#"《幻世浮生》第一季/a/li
lia href="#"《生活大爆炸》第四季/a/li
lia href="#"《实习医生格蕾》第七季/a/li
lia href="#"《吸血鬼日记》第二季/a/li
lia href="#"《尼基塔》第一季/a/li
lia href="#"《绯闻女孩》第四季/a/li
lia href="#"《行尸走肉》第一季/a/li
/ul
ul id="c2_6"
lia href="#"《南瓜花的纯情》/a/li
lia href="#"《深夜食堂》/a/li
lia href="#"《樱花心中》/a/li
lia href="#"《天使的诱惑》/a/li
lia href="#"《示谈交渉人》/a/li
lia href="#"《49日》/a/li
/ul
ul id="c3_1"
lia href="#"《银魂》第二季/a/li
lia href="#"《变形金刚：领袖》/a/li
lia href="#"《花开伊吕波》/a/li
/ul
ul id="c3_2"
lia href="#"《日常》/a/li
lia href="#"《DOG》DAYS/a/li
lia href="#"《花开伊吕波》/a/li
/ul
ul id="c3_3"
lia href="#"《空之境界》最终章/a/li
lia href="#"《夏娃的时间》/a/li
lia href="#"《我的女神》/a/li
lia href="#"《破刃之剑》第四章/a/li
lia href="#"《爷爷与花》/a/li
/ul
ul id="c3_4"
lia href="#"《黑礁》第三季/a/li
lia href="#"《校园迷糊大王》/a/li
lia href="#"《高智能方程式Sin》/a/li
/ul
ul id="c3_5"
lia href="#"《爷爷与花》/a/li
lia href="#"《十年》/a/li
lia href="#"《37137》/a/li
lia href="#"《魇》/a/li
lia 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+"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).show();
$("#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
一行代码的话可以用来，告白。这种方式是作为理工生的告白方式。
网上有在线制作的，但是一般都会一段时间就没了，这是因为一个网站如果有大批量的人制作，会占用服务器资源，所以开了清理。
这时候就要找一个相对来说大型的制作站，或者有经济能力可以自己购买服务器搭建一个表白网站，这样就能一直存在且可以按需清除！我觉得这种网页最简单吧，都是美工的活儿，一般情况下是DIV+CSS做出前台布局，然后用Javascript写出一些漂亮的效果，比如飘花什么的，还有些文字跑马灯效果使用Javascript配合marque标记来做，（忘记了是不是这样写，好久没做了），很多效果可以去网上搜源代码的，比如换个玫瑰形状的鼠标，在鼠标后面跟随两个带着翅膀的小猪，当然图片方面最好用gif格式，比较漂亮华丽，当然，最重要的是你的想法~找个成熟点的程序猿GG两天左右差不多就给你做完了~加油哦~！
js表白
...........................
script
$(function(){
$.fn.snow({
minSize: 5, //雪花的最小尺寸
maxSize: 50, //雪花的最大尺寸
newOn: 150 //雪花出现的频率 这个数值越小雪花越多
});
});
/script
script type="text/javascript"
var offsetX = $("#loveHeart").width() / 2;
var offsetY = $("#loveHeart").height() / 2 - 55;
var together = new Date();
together.setFullYear(2010, 06, -32);
together.setHours(00);
together.setMinutes(0);
together.setSeconds(0);
together.setMilliseconds(0);
if (!document.createElement('canvas').getContext) {
var msg = document.createElement("div");
msg.id = "errorMsg";
msg.innerHTML = "Your browser doesn't support HTML5!br/Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+";
document.body.appendChild(msg);
$("#code").css("display", "none")
$("#copyright").css("position", "absolute");
$("#copyright").css("bottom", "10px");
document.execCommand("stop");
} else {
setTimeout(function () {
startHeartAnimation();
}, 5000);
timeElapse(together);
setInterval(function () {
timeElapse(together);
}, 500);
adjustCodePosition();
$("#code").typewriter();
}
/script
程序员的表白代码
第一条语言：Java代码翻译：直到死之前，每天爱你多一点代码：while(lifeend){love++;}
第二条语言：C语言代码翻译：IcannotsayHellototheWorldwithoutu.代码：#incldestdio.hintmain(){printf(HelloWorldn);retrn0;}//IcannotsayHellototheWorldwithoutu.
第三条语言：python代码翻译：山无陵，江水为竭，冬雷震震，夏雨雪，天地合，乃敢与君绝！代码：if(mountain.arris==None):if(river.water==None):if(winter.thunder==True):if(summer.snow==True):if(sky.height==ground.height):i.withyou=Falseelse:i.withyou=True.
第四条语言：Erlang代码代码翻译：深圳相遇，至死不渝代码：-module(you_and_me).-export([start/1]).-record(person,{name,address,status}).start(Name)-one_world(Name).one_world(Name)keep_to_love_you(Person).say_goodbye(Person)-io:format(~p:seeyounextworld!~n,[Person#person.name]).see_you_next_world(Name)-one_world(Name).
第五条语言：Java语言代码翻译：爱你到天荒地老代码：while(!world.destroy){System.out.println(iloveyou);}
请继续你的纸条 我曾经追一个女孩 写了一个学期的情书 后来我成功了 即便最后我们没能在一起 起码我努力了 我成功了 我就不后悔
当然 爱要含蓄 爱要温暖 记得她的爱好她的生日 她重要的一切 就这样默默的渗透
你行的……
diva href="" target="_blank"img src="" border="0" onload="javascript:if(this.widthscreen.width*0.35) this.width=screen.width*0.40"/a