已經(jīng)過IE6,Opera測試,把下面代碼復制粘貼到文本文件,改后綴為.html,雙擊即可看到效果,運行時要能上網(wǎng),除非你把jquery-1.5.2.min.js下載到本地
創(chuàng)新互聯(lián)擁有一支富有激情的企業(yè)網(wǎng)站制作團隊,在互聯(lián)網(wǎng)網(wǎng)站建設行業(yè)深耕10年,專業(yè)且經(jīng)驗豐富。10年網(wǎng)站優(yōu)化營銷經(jīng)驗,我們已為近1000家中小企業(yè)提供了做網(wǎng)站、成都網(wǎng)站設計解決方案,按需網(wǎng)站設計,設計滿意,售后服務無憂。所有客戶皆提供一年免費網(wǎng)站維護!
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="#"原創(chuàng)????/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="#"《失業(yè)生》/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="#"《實習醫(yī)生格蕾》/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="#"《實習醫(yī)生格蕾》第七季/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
一行代碼的話可以用來,告白。這種方式是作為理工生的告白方式。
網(wǎng)上有在線制作的,但是一般都會一段時間就沒了,這是因為一個網(wǎng)站如果有大批量的人制作,會占用服務器資源,所以開了清理。
這時候就要找一個相對來說大型的制作站,或者有經(jīng)濟能力可以自己購買服務器搭建一個表白網(wǎng)站,這樣就能一直存在且可以按需清除!我覺得這種網(wǎng)頁最簡單吧,都是美工的活兒,一般情況下是DIV+CSS做出前臺布局,然后用Javascript寫出一些漂亮的效果,比如飄花什么的,還有些文字跑馬燈效果使用Javascript配合marque標記來做,(忘記了是不是這樣寫,好久沒做了),很多效果可以去網(wǎng)上搜源代碼的,比如換個玫瑰形狀的鼠標,在鼠標后面跟隨兩個帶著翅膀的小豬,當然圖片方面最好用gif格式,比較漂亮華麗,當然,最重要的是你的想法~找個成熟點的程序猿GG兩天左右差不多就給你做完了~加油哦~!
js表白
...........................
script
$(function(){
$.fn.snow({
minSize: 5, //雪花的最小尺寸
maxSize: 50, //雪花的最大尺寸
newOn: 150 //雪花出現(xiàn)的頻率 這個數(shù)值越小雪花越多
});
});
/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);}
請繼續(xù)你的紙條 我曾經(jīng)追一個女孩 寫了一個學期的情書 后來我成功了 即便最后我們沒能在一起 起碼我努力了 我成功了 我就不后悔
當然 愛要含蓄 愛要溫暖 記得她的愛好她的生日 她重要的一切 就這樣默默的滲透
你行的……
diva href="" target="_blank"img src="" border="0" onload="javascript:if(this.widthscreen.width*0.35) this.width=screen.width*0.40"/a