JS怎么實(shí)現(xiàn)換膚功能的方法-創(chuàng)新互聯(lián)
這篇文章將為大家詳細(xì)講解有關(guān)JS怎么實(shí)現(xiàn)換膚功能的方法，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。
專(zhuān)注于為中小企業(yè)提供網(wǎng)站制作、
成都做網(wǎng)站服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)
高邑免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了數(shù)千家企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
具體如下：
首先準(zhǔn)備HTML頁(yè)面如下：
無(wú)人駕駛要征服世界，得先解決這些問(wèn)題
一、觸手可及的偉大野心
除了統(tǒng)治世界，無(wú)人駕駛大概可以和歷史上所有野心匹敵。萬(wàn)億美金的全球汽車(chē)市場(chǎng)也只是無(wú)人駕駛的第一個(gè)目標(biāo)，反向控制用戶(hù)以汽車(chē)為中心的一系列生活和工作才是無(wú)人駕駛汽車(chē)的長(zhǎng)遠(yuǎn)目標(biāo)。
想象一下，把無(wú)人駕駛汽車(chē)作為超級(jí)終端連接用戶(hù)在駕駛沿途和目的地發(fā)生的全部旅游、娛樂(lè)、訂餐、住宿、購(gòu)物和其它消費(fèi)，甚至判斷用戶(hù)需要租房購(gòu)房時(shí)把地段介紹、樓盤(pán)、行情、推薦、點(diǎn)評(píng)、價(jià)值分析一并提供。你只要對(duì)駕駛臺(tái)屏幕上的小秘書(shū)說(shuō)一聲OK，就有電商堆著笑臉連線(xiàn)服務(wù)，這樣巨大的商業(yè)想象空間是任何一家企業(yè)無(wú)法抗拒的。
無(wú)人駕駛的偉大之處在于改變的遠(yuǎn)不止汽車(chē)制造業(yè)和出租車(chē)服務(wù)業(yè)，而是創(chuàng)造了以無(wú)人汽車(chē)為中心的新經(jīng)濟(jì)和前所未有的生活模式與社會(huì)觀念。中國(guó)工程學(xué)院李德毅院士希望智能汽車(chē)成為2015年中國(guó)智能制造的首張名片，是學(xué)術(shù)界對(duì)產(chǎn)業(yè)的洞見(jiàn)。在無(wú)限前景召喚下，世界級(jí)IT和汽車(chē)業(yè)巨頭幾乎抱團(tuán)涌入無(wú)人駕駛市場(chǎng)。Google和百度在無(wú)人駕駛各自深耘多年，蘋(píng)果造車(chē)的傳言隨時(shí)可能躍上頭條，馬斯克(Musk)當(dāng)然不會(huì)錯(cuò)過(guò)讓特斯拉造出超級(jí)無(wú)人駕駛車(chē)的機(jī)會(huì)，寶馬、奔馳、大眾、奧迪、沃爾沃、本田、比亞迪等中外品牌也紛紛投入其中，前不久知名數(shù)據(jù)專(zhuān)家吳甘沙也抵不住誘惑從英特爾離職投身智能駕駛。
Copyright ? 2015-2016, joshua, All Rights Reserved
然后為網(wǎng)站準(zhǔn)備兩個(gè)css樣式文件blue.css 和green.css文件：
blue.css
body{
margin: 0px;
padding: 0px;
}
#header{
padding: 10px;
background-color: skyblue;
color: black;
font-family: arial;
text-align: center;
font-weight: bold;
}
h4{
font-size:20px;
width:800px;
margin: 0 auto;
}
#content{
width: 90%;
margin: 0 auto;
font-size: 12px;
padding: 10px;
background-color: cadetblue;
line-height: 200%;
text-indent:2em;
}
#nav{
text-align: center;
margin: 0 auto;
padding: 10px 0px;
background-color: skyblue;
}
#footer{
position: relative;
bottom: 20px;
margin-top: 30px;
background-color: gray;
text-align: center;
}
input{
font-size: 12px;
border-radius: 5px;
background-color: skyblue;
}
input.blue{
background-color: skyblue;
}
input.green{
background-color: greenyellow;
}
input#blue{
background-color: skyblue;
}green.css:
body,html{
margin: 0px;
padding: 0px;
height: 100%
}
#container{
height: 100%;
position: relative;
}
#header{
padding: 10px;
background-color: greenyellow;
float:left;
width: 20%;
height:100%;
text-align: center;
box-sizing: border-box;
}
#content{
font-size: 12px;
padding: 10px;
line-height: 180%;
width: 80%;
height: 100%;
text-indent: 2em;
background-color: slategray;
box-sizing: border-box;
}
.nav{
position: absolute;
top: 50px;
width: 150px;
}
#footer{
position: relative;
top: 20px;
margin-top: 30px;
background-color: gray;
text-align: center;
}
input{
border-radius: 5px;
}
input.blue{
background-color: skyblue;
}
input.green{
background-color: greenyellow;
}然后在網(wǎng)頁(yè)開(kāi)頭引入css文件
然后用js實(shí)現(xiàn)換膚：
function changeSyle(name){
css=document.getElementById("cssfile");
css.href=name+".css";
document.styleSheets[0].href=name+".css";
console.log(css.href);
console.log("name="+name);
console.log(name);
}最后定義兩個(gè)按鈕調(diào)用js換行
最終效果如下：
關(guān)于“JS怎么實(shí)現(xiàn)換膚功能的方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線(xiàn)，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性?xún)r(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿(mǎn)足用戶(hù)豐富、多元化的應(yīng)用場(chǎng)景需求。
標(biāo)題名稱(chēng)：JS怎么實(shí)現(xiàn)換膚功能的方法-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)網(wǎng)址：http://weahome.cn/article/dgodgh.html
重慶分公司
重慶分公司
