电竞比分网-中国电竞赛事及体育赛事平台

分享

3步輕松制作屬于自己的瀏覽器導(dǎo)航

 夜李挑燈看鑒 2017-06-24

現(xiàn)在很多人都有一些自己經(jīng)常瀏覽的網(wǎng)站,但是每次都去搜索關(guān)鍵詞或者地址欄輸入地址是件麻煩的事情。so如何簡單的管理自己喜歡的網(wǎng)站地址,每次打開瀏覽器默認(rèn)的主頁就是自己喜歡的呢!

此方法適用于普通沒學(xué)過web的小白,大神勿噴。

看下效果圖:

3步輕松制作屬于自己的瀏覽器導(dǎo)航

工具:記事本或任何文本工具,瀏覽器。

方法:

1.新建一個記事本文件,將代碼復(fù)制到里面

2.修改內(nèi)容

2.1 取一個高大上的名字寫在<title>和</title>之間?!舅褪悄憬?jīng)常見到的網(wǎng)頁標(biāo)題】3步輕松制作屬于自己的瀏覽器導(dǎo)航

2.2 添加你喜歡的網(wǎng)站。將""里面的地址替換成自己需要的網(wǎng)站地址,并修改后面的標(biāo)題。多余的地址直接刪掉<li></li>整行。

3步輕松制作屬于自己的瀏覽器導(dǎo)航

2.3 修改默認(rèn)關(guān)鍵詞和默認(rèn)瀏覽器。關(guān)鍵詞可以沒有,直接將“”里面的 醬有趣 刪除就ok。搜索默認(rèn)百度,你也可以替換成其他的,比如360的將下面的地址做個替換就好了。

3步輕松制作屬于自己的瀏覽器導(dǎo)航


2.4 可以修改字體等大小。

3步輕松制作屬于自己的瀏覽器導(dǎo)航

2.5另存為為.html 文件 .這步非常重要。

3步輕松制作屬于自己的瀏覽器導(dǎo)航


3. 設(shè)為默認(rèn)瀏覽器主頁。

這步可有可無。如果你想每次打開瀏覽器的時候主頁默認(rèn)都是這個頁面,那就設(shè)置一下吧!

如果不設(shè)置,你就選擇用瀏覽器打開,一般情況下會默認(rèn).html文件由瀏覽器打開。


幾種瀏覽器的主頁設(shè)置方式。

將下面紅框的地址替換成你的文件地址。如果你不知道文件地址,右鍵瀏覽器打開,就是地址欄的地址。3步輕松制作屬于自己的瀏覽器導(dǎo)航

edge

3步輕松制作屬于自己的瀏覽器導(dǎo)航

火狐

3步輕松制作屬于自己的瀏覽器導(dǎo)航

360.

3步輕松制作屬于自己的瀏覽器導(dǎo)航

復(fù)制以下全部代碼:

<!doctype html>

<html>

<head>

<title>北斗星-下一站等你</title>

<meta charset="utf-8">

<style type="text/css">

.search-box{height:100px; width:1200px; margin:0 auto}

.input{ height:50px;width:800px; line-height:50px;}

.submit{ width:100px; text-align:center;height:55px; line-height:55px; cursor:pointer; }

.urls{width:1200px; margin:0 auto}

li{list-style:none; float:left; margin:15px;}

#time{margin-left:10px;}

#date{margin-left:50px;}

/*字體樣式配置*/

.title{font-size:20px;} /*標(biāo)題字體大小*/

.input{font-size:25px;} /*搜索框字體*/

.submit{font-size:20px;} /*"百度一下"字體大小*/

.urls a{ margin:10px;} /*鏈接字體大小*/

.input:focus{border:2px solid red;} /*標(biāo)題字體大小*/

#time,#date{font-size:16px;} /*時間字體大小*/

</style>

</head>

<body>

<div class="search-box">

<div class="title">搜索</div>

<form action="" method="post" name="baidu_form">

<input class="input" id="input_value">

<input class="submit" id="submit_box" type="button" value="百度一下" onclick="get_action()" >

</form>

</div>

<div class="urls">

<div class="title"><span>導(dǎo)航</span>

<span id="date"></span><span id="time"></span><!-- 時間日期不想要刪掉此行 -->

</div>

<li><a target="blank" href="http://www.">PC_醬有趣</a></li>

<li><a target="blank" href="http://m.">MB_醬有趣</a></li>

<li><a target="blank" >阿里云</a></li>

<li><a target="blank" >數(shù)據(jù)庫</a></li>

<li><a target="blank" >阿里媽媽</a></li>

<li><a target="blank" >微信公眾號</a></li>

<li><a target="blank" >頭條號</a></li>

<li><a target="blank" >企鵝號</a></li>

<li><a target="blank" >網(wǎng)易號</a></li>

<li><a target="blank" >百家號</a></li>

<li><a target="blank" >知乎</a></li>

<li><a target="blank" >簡書</a></li>

<li><a target="blank" >微博</a></li>

</div>

</head>

</body>

<script language="JavaScript">

var jyq= document.getElementById("input_value").value="醬有趣";//搜索庫默認(rèn)詞

function get_action(){

var input_value=document.getElementById("input_value").value;

if(input_value !==""){

window.open("https://baidu.com/s?wd="+input_value);//https://www.so.com/s?q=

}

//回車

document.onkeydown = function(e){

if(!e){

e = window.event;

}

if((e.keyCode || e.which) == 13){

window.open("https://baidu.com/s?wd="+input_value);//https://www.so.com/s?q=

}

}

}

//獲取系統(tǒng)時間

function systemTime(){

var dateTime=new Date();

var dd=dateTime.toLocaleDateString();

var hh=dateTime.getHours();

var mm=dateTime.getMinutes();

var ss=dateTime.getSeconds();

var mm = extra(mm);

var ss = extra(ss);

document.getElementById("time").innerHTML=hh+":"+mm+":"+ss;

document.getElementById("date").innerHTML=dd;

setTimeout("systemTime()",1000);

}

function extra(x){

if(x < 10){

return "0" + x;

}else {

return x;

}

}

window.onload = systemTime;

</script>

</html>

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多