當前位置:編程學習大全網 - 源碼下載 - 用dreamweaver做壹個像hao123首頁這樣的網站

用dreamweaver做壹個像hao123首頁這樣的網站

[<style type="text/css">

<!--

td,body,div{font:13px 宋體}

body{background:#fcfff7}

img{border:0}

*{padding:0;margin:0}

a:link, a:visited{color:#000;text-decoration:none}

a:active{color:green;text-decoration:none}

a:hover{color:red;text-decoration:underline}

a.slv:link{color:#205001; cursor: hand; font-family:宋體; text-decoration: none}

a.slv:visited{COLOR:#205001;TEXT-DECORATION:none}

a.slv:active{color:green;text-decoration:none}

a.slv:hover{color:red;text-decoration:underline}

#TbSet, #FrLgn, #FrP, .WA{width:970px;text-align:center;clear:both}

.WA {height:15px;margin-top:7px; margin-bottom:-1px}

.WA a{color: #1A1A1A}

.WB {width:970px;text-align:left;clear:both;height:16px;margin-top:11px}

#TbSet td{background:#3DB836;height:16px;vertical-align:bottom}

#TbSet td a{color:#fff}

#TbSet td a:hover{color:red}

#TdSt{font-weight:600;width:720px;text-align:left}

#FrLgn{background:#F0F7FF;padding-top:1px;border:1px solid #DAE9F7; padding-bottom:2px}

#FrLgn input, #FrLgn select{font-size:13px;font-family:verdana,arial}

#FrLgn select{width:136px}

#FrP{font-size:13px;border:1px solid #7BD676; background:url(line.gif); height:48px; padding-top:1px; padding-bottom:2px} <!-- 修改高度44-48>

#FrP a{color:#205001}

#FrP a:hover{color:red}

#PA{width:970px;clear:both;height:832px!important;height:auto;margin-bottom:5px}

@media screen and (min-width:0px){#PA{height:831px!important}}

#PL{float:left;width:211px!important;width:215px;background:url(line.gif);border:2px solid #7BD676;padding:0px!important;padding:3px 3px 0 20px;height:823px!important;height:823px;font-size:15px; text-align:left; color:#3DB836; font-weight:600; line-height:30px!important;line-height:33px}

@media screen and (min-width:0px){#PL {height:823px!important;width:211px!important; line-height:31px!important;padding:1px 0px!important}}

#PL a{padding:2px 0 0 8px!important;padding:0;height:15px!important;height:30px;font-size:14px;LINE-HEIGHT: 30px; font-weight:100}

@media screen and (min-width:0px){#PL a{height:15px!important;line-height:15px!important;padding:2px 0 0 8px!important;font-size:14px!important}}

.paplfont {color:#3DB836; font-weight:600;line-height:30px}

@media screen and (min-width:0px){.paplfont{line-height:29px!important}}

#PR {float:right;width:750px!important;width:750px}

#Pr table{width:100%;border-width:2px 2px 2px 2px;border-style:solid; text-align:center;float: right; border-color:#7BD676} <!-- 改動>

#t1{width:100%;border:1px solid #7BD676;border-right:0}

#t1 tr td{line-height:25px!important;line-height:25px;font-size:14px;}

@media screen and (min-width:0px){#t1 td{line-height:26px!important}}

h2{text-align:center;font-size:10px;background:#7BD676;font-family:宋體}

@media screen and (min-width:0px){h2{line-height:14px!important}}

#t2 a:link, #t2 a:visited{color:#093D86}

#t2 a:hover{color:red}

h4{font-size:1px;font-weight:200;line-height:0}

@media screen and (min-width:0px){h4{line-height:0;font-size:0}}

#TbM{width:100%;border:1px solid #7BD676}

.ry{background:#FFF8F0}

.rb{background:#F0F7FF}

#TbM td{border:0;font-size:13px;line-height:25px!important;line-height:25px}

@media screen and (min-width:0px){#TbM td{line-height:25px!important}}

#TbM td.pl{width:64px}

#TbM td.pl a{color:#874604}

#TbM td.pl a:hover{color:red}

#TbM td.pr{width:60px}

#DS{width:966px!important;width:970px;border:2px solid #7BD676;border-bottom:1px solid #DAE9F7;clear:both;display:block;margin-top:5px}

@media screen and (min-width:0px){#DS{width:970px!important}}

h3{font-weight:100;font-size:13px;text-align:left!important;text-align:center;padding:3px 0 3px 12px!important;padding:3px 10px; 3px 10px;line-height:135%}

h3 a:link,h3 a:visited{color:#205001}

h3 a:hover{color:red}

.h5{font-weight:100;font-size:13px;text-align:left!important;text-align:center;padding:3px 0 3px 12px!important;padding:3px 10px; 3px 10px;line-height:135%;background:#F7F8E8}

.h5 a:link,.h5 a:visited{color:#444444}

h1{font-size:13px;font-weight:100;line-height:190%}

#DE{border:2px solid #7BD676;border-top:0;background:#F0F7FF;margin-bottom:10px;width:966px!important;width:970px}

@media screen and (min-width:0px){#DE{width:970px!important}}

#DE table{width:940px!important;width:100%;margin:0 0 5px; font-size:13px;font-size:13px!important}

@media screen and (min-width:0px){#DE table{width:970px!important}}

#DE td{line-height:21px;text-algin:right!important; padding-top:8px}

#DE input {padding:auto!important;margin-right:5px!important;margin-right:0}

@media screen and (min-width:0px){#DE input{padding:auto!important;margin-right:1px!important;margin-right:0}}

h6{width:970px;text-align:center;font-size:13px;font-weight:100;height:33px}

hr.cg {border:0;border-top:#7BD676 1px solid;width:99%;clear:both;background:transparent;height:1px;margin:-2px;padding:0;line-height:1px;text-align:center}

.searchfod1 {FONT-WEIGHT: bold; background-color:#3DB836;COLOR: #fff; text-align:center; width:80px}

.searchfod2 {BACKGROUND-color: #eeeeee;CURSOR: pointer; text-align:center; width:80px}

.imglogo{margin-top:2px;margin-top:-2px!important}

@media screen and (min-width:0px){.imglogo{margin-top:-2px!important}}

.redfont{color:#FD5151}

.greenfont2{color:#179117}

a.greenfont:link{color:#179117; cursor: hand; font-family:宋體; text-decoration: none}

a.greenfont:visited{COLOR:#179117;TEXT-DECORATION:none}

a.greenfont:active{color:green;text-decoration:none}

a.greenfont:hover{color:red;text-decoration:underline}

a.greenfont1:link{color:#178517; cursor: hand; font-family:宋體; text-decoration: none}

a.greenfont1:visited{COLOR:#178517;TEXT-DECORATION:none}

a.greenfont1:active{color:green;text-decoration:none}

a.greenfont1:hover{color:red;text-decoration:underline}

.bgc{ background-color:#fcfff7}

.blackfont{color:#000}

--></style>

<STYLE><!--

#vsearchm DT A.on { BACKGROUND-POSITION: 97% -99px}

#vsearchm DT A:hover { BORDER: #b0bec7 1px solid; BACKGROUND: url(images/dropdown.gif) no-repeat 97% -48px;TEXT-DECORATION: none}

#vsearchm DT A.on { BORDER: #b0bec7 1px solid; BACKGROUND: url(images/dropdown.gif) no-repeat 97% -48px; TEXT-DECORATION: none}

#vslist {z-index:1001;BORDER: #889aa7 1px solid; DISPLAY: none; BACKGROUND: #fff; LEFT: 80% -100px; MARGIN: 1.35em 0px 0px; WIDTH: 67px;POSITION: absolute; TOP: 126px }

#vslist DIV {BORDER-bottom: #889aa7 1px solid; PADDING:4px 0px 0px 0px; BACKGROUND: #fff; MARGIN: 0px 0px 0px 0px; POSITION: relative}

#vslist SPAN { BORDER-TOP: #889aa7 1px solid; DISPLAY: block; FONT-SIZE: 1px; MARGIN: 8px 4px 5px; POSITION: relative; HEIGHT: 1px}

#vslist UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 101; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}

#vslist LI {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 101; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}

#vslist LI {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; ZOOM: 1; LIST-STYLE-TYPE: none; POSITION: relative; TEXT-ALIGN: left}

#vslist A { PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 6px; FLOAT: none; PADDING-BOTTOM: -2px; PADDING-TOP: 3px; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none}

#vslist A:hover {BACKGROUND: #316AC5; COLOR: #fff}

#yschmoretab DT A { BORDER-RIGHT: white 1px solid; PADDING-RIGHT: 18px; BORDER-TOP: white 1px solid; DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: url(images/dropdown.gif) no-repeat 100% 1px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: white 1px solid; POSITION: relative; TOP: -2px; TEXT-DECORATION: none}

#sugOut {position:relative;border:0px;padding:0px;margin:0px;zoom:1;z-index:1000;}

#sug{border:1px solid #817F82;display:none;position:absolute;top:28px;left:0;-moz-user-select:none;}

#sug td{line-height:22px;height:22px;padding-left:3px;font:14px verdana}

#sugOff{display:none;position:absolute;left:0;background:#FBF2B0;height:22px;line-height:22px;-moz-user-select:none}

.mo td{background-color:#36c;color:#fff}

.ml td{border:0px solid #fff;background-color:#fff;color:#000}

#sug_t a:link,#sug_t a:visited,#sug_t a:hover {text-decoration:none;font-size:14px;color:#000;width:100%;display:block;}

.ft18{font-size:14px}

--></STYLE>

<meta name="description" content="hao123網址之家——最專業權威的上網導航。及時收錄包括音樂、視頻、小說、遊戲等熱門分類的優秀網站,與搜索完美結合,提供最簡單便捷的網上導航服務,是數千萬網民的上網主頁。精彩網絡生活,從hao123開始。">

<script src="js/base.js"></script>

<script src="js/haoku.js?v=3.7"></script>

<script src="js/usertrack.js?v=1.4"></script>

<SCRIPT language=javascript>

var haoCurrHighLight = document.getElementById("haoweb");

function trim(str){

return str.replace(/(^\s*)|(\s*$)/g, "");

}

function setStyle(a,b){

var c=document.styleSheets[0];

if(c.addRule){

c.addRule(a,b);

}else if(c.insertRule){

c.insertRule(a+" { "+b+" }",c.cssRules.length);

}}

function haoValidate(source){

wval = trim(f.word.value);

if (f.sc.value=="post")

{

f.kw.value=f.word.value

f.ct.value=""

f.tn.value=""

f.rn.value=""

f.lm.value=""

f.rs2.value=0

f.myselectvalue.value=1

f.ie.value=""

f.cl.value=""

f.z.value=""

f.from.value=""

}

if (f.sc.value=="img")

{

f.ct.value=201326592

f.lm.value=-1

f.cl.value=2

f.tn.value="baiduimage"

f.pv.value=""

f.rs2.value=""

f.myselectvalue.value=""

f.ie.value=""

f.z.value=0

f.rn.value=""

f.from.value=""

f.f.value=""

}

if (f.sc.value=="zhidao")

{

f.ct.value=17

f.tn.value="ikaslist"

f.rn.value=10

f.lm.value=""

f.cl.value=""

f.ie.value=""

f.rs2.value=""

f.f.value=""

f.myselectvalue.value=""

f.z.value=""

f.from.value=""

}

if (f.sc.value=="web")

{

f.cl.value=3

f.tn.value="sitehao123"

f.ct.value=0

f.ie.value="gb2312"

f.myselectvalue.value=""

f.rn.value=""

f.rs2.value=""

f.z.value=""

f.from.value=""

f.lm.value=""

}

if (f.sc.value=="mp3")

{

f.ct.value=134217728

f.lm.value=-1

f.rn.value=""

f.cl.value=""

f.tn.value="baidump3"

f.f.value="ms"

f.myselectvalue.value=""

f.ie.value="gb2312"

f.z.value=""

f.from.value=""

}

if (f.sc.value=="news")

{

f.tn.value="news"

f.cl.value=2

f.rn.value=20

f.ct.value=0

f.z.value=""

f.from.value="news"

f.ie.value=""

f.myselectvalue.value=""

f.lm.value=""

f.rs2.value=""

}

return true;

}

function haoSubSearch(sc){

changePage(sc);

imglogo=document.getElementById("imglogo");

if(sc != "baidu"){

if(sc == "post")

{

f.action = "/f";

imglogo.src="logo_post.gif";

imglogo.alt="百度貼吧";

urllogo.href="/";

}

else if(sc == "zhidao")

{

f.action = "/q";

imglogo.src="logo_zhidao.gif";

imglogo.alt="百度知道";

urllogo.href="/";

}

else if(sc == "mp3")

{

f.action = "/m";

imglogo.src="logo_mp3.gif";

imglogo.alt="百度MP3";

urllogo.href="/";

}

else if(sc == "img")

{

f.action = "/i";

imglogo.src="logo_pic.gif";

imglogo.alt="百度圖片";

urllogo.href="/";

}

else if(sc == "news")

{

f.action = "/ns";

imglogo.src="logo_news.gif";

imglogo.alt="百度新聞搜索";

urllogo.href="/";

}

else if(sc == "Video")

{

f.action = "/v";

imglogo.src="logo_video.gif";

imglogo.alt="百度視頻搜索";

urllogo.href="/";

}

else

{

f.action = "/s";

imglogo.src="logox3.gif";

imglogo.alt="百度首頁";

urllogo.href="/index.php?tn=sitehao123";

}

f.sc.value = sc;

}

else{

f.sc.value = "post";

haoGoSoba();

}

}

function haoGoSoba(){

f.action = "/s";

f.kw.value = f.word.value;

}

function G(id)

{

return document.getElementById(id);

}

function changePage(sc){

if(haoCurrHighLight == null){

haoCurrHighLight = document.getElementById("haoweb");

}

haoCurrHighLight.className = "searchfod2";

haoCurrHighLight = document.getElementById("hao"+sc);

haoCurrHighLight.className = "searchfod1";

document.f.word.focus()

f.word.value="";

}

function isSoba(){

if(haoCurrHighLight == document.getElementById("haosoba")){

haoGoSoba();

return true;

}

else{

return true;

}

}

function goSearch(){

changeHotWords(document.f.sc.value);

if(!haoValidate(1))

{

return false;

}

else{

return false;

}

}

function changeHotWords(category){

document.getElementById("td_hotlist").innerHTML = eval(category + "Words");

}

function showData(id)

{

var stock = getCookie("HAOSTOCK");

var lottery = getCookie("HAOLOTTERY");

var sStock=sLottery="";

if(stock!=null||lottery!=null)

{

var stockData = eval(stock);

var lotteryData = eval(lottery);

for(var i in stockData)

{

sStock+="<a href="+stockData[i].url+" target=_blank>"+stockData[i].name+"</a> ";

}

for(var i in lotteryData)

{

sLottery+="<a href="+lotteryData[i].url+" target=_blank>"+lotteryData[i].name+"</a> ";

}

G(id).innerHTML="<b><a id=mylikeopen href=javascript:void(0) onclick=\"haoGX.openGX();event.returnValue=false;return false;\"> 我定制的網站:</a></b>"+sStock+sLottery;

}else

{

G(id).style.display="none";

}

}

</SCRIPT>

<SCRIPT type=text/javascript>

function moreddshow(e) {

vl = document.getElementById('vslist');

vm = document.getElementById('vsearchmore');

vm.href="javascript:void(0);";

if(vl.style.display != 'block'){vl.style.display = 'block';vm.className='on';}

else {vl.style.display = 'none';vm.className='';}

return false;}

function moreddhide(e){

if (!e) var e = window.event;

if(e.srcElement){var cesrc=e.srcElement.getAttribute("id");}

else{var cesrc=e.target.getAttribute("id");}

if(cesrc!="vsearchmore"){document.getElementById('vslist').style.display = 'none';document.getElementById('vsearchmore').className='';}

}

function moreddover(url){vm = document.getElementById('vsearchmore');vm.href=url;}

function moreddout(){vm = document.getElementById('vsearchmore');vm.href="javascript:void(0);";}

document.onclick=moreddhide;

</SCRIPT>

<SCRIPT language=javascript>

//網頁

var webWords = '<a href="/s?wd=%B6%CB%CE%E7%BD%DA%D7%A3%B8%A3%B6%CC%D0%C5&cl=3&tn=sitehao123">端午節祝福短信</a> <a href="/once/index2.html?c=0&s=1"><font class=blackfont>更多 ?</font></a>';

//貼吧

var postWords = '<a href="/f?kw=%B6%CB%CE%E7%BD%DA">端午節</a> <a href="/f?kw=%D7%A3%B8%A3">祝福</a> <a href="daquan/02tieba.htm"><font class=blackfont>更多 ?</font>';

//知道

var zhidaoWords = '<a href="/question/83826718.html">東道主的說法是怎麽來的?</a> <a href="/q?ct=21&cm=14&rn=25&tn=ikcommend"><font class=blackfont>更多 ?</font></a>';

//MP3

var mp3Words = '<a href="/m?f=ms&rn=&tn=baidump3&ct=134217728&word=%C0%EE%D3%EE%B4%BA&lm=-1">李宇春</a> <a href="/m?f=ms&rn=&tn=baidump3&ct=134217728&word=%BC%C5%C4%AF%D4%DA%B3%AA%B8%E8&lm=-1">寂寞在唱歌</a> <a href="/m?f=ms&rn=&tn=baidump3&ct=134217728&word=%CF%EB%CC%AB%B6%E0&lm=-1">想太多</a> <a href="/list/topmp3.html"><font class=blackfont>更多 ?</font></a>';

//圖片

var imgWords = '<a href="/i?ct=201326592&cl=2&lm=-1&tn=baiduimage&pv=&word=%BA%AB%B8%FD&z=0">韓庚</a> <a href="/i?ct=201326592&cl=2&lm=-1&tn=baiduimage&pv=&word=%D5%C2%D7%D3%E2%F9&z=0">章子怡</a> <a href="/i?ct=201326592&cl=2&lm=-1&tn=baiduimage&pv=&word=%C8%F8%B6%A5%B6%A5&z=0">薩頂頂</a> <a href="/search/image_wallpaper.html"><font class=blackfont>更多 ?</font></a>';

//視頻

var VideoWords = '<a href="/v?ct=301989888&rn=20&pn=0&db=0&s=0&fbl=1024&word=%CF%B2%D1%F2%D1%F2%D3%EB%BB%D2%CC%AB%C0%C7">喜羊羊與灰太狼</a> <a href="/v?ct=301989888&rn=20&pn=0&db=0&s=0&fbl=1024&word=%CE%D2%B5%C4%C7%E0%B4%BA%CB%AD%D7%F6%D6%F7">我的青春誰做主</a> <a href="/videostar.html"><font class=blackfont>更多 ?</font></a>';

//新聞

var newsWords = '<a href="/ns?word=%B6%CB%CE%E7%BD%DA">端午節</a> <a href="/"><font class=blackfont>更多 ?</font></a>';

</SCRIPT>

]

s

  • 上一篇:何謂實力股?
  • 下一篇:unity5.0動畫狀態機怎麽代碼設置默認動畫
  • copyright 2024編程學習大全網