Javascript實(shí)現(xiàn)簡(jiǎn)易導(dǎo)航欄
本文實(shí)例為大家分享了Javascript實(shí)現(xiàn)簡(jiǎn)易導(dǎo)航欄的具體代碼，供大家參考，具體內(nèi)容如下
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <meta http-equiv='X-UA-Compatible' content='ie=edge'> <title>導(dǎo)航</title></head><style>button{ width:80px; height:25px; border:none;} #b1{ background-image: url(’1.png’); margin-right:0px; } #b2{ background-image: url(’1.png’); width:380px; height:25px; text-align: left; } #b1:hover{ background-image: url(’2.png’); } #b2:hover{ background-image: url(’2.png’); }</style><body> <div style='width: 800px;margin:0px auto'><div> <img src='http://m.cgvv.com.cn/bcjs/1.jpg' height='150px%'> </div> <div> <div style='font-size: 1px'> <button type='button' id='b1'>網(wǎng)站首頁(yè)</button> <button type='button' id='b1'>網(wǎng)站新聞</button> <button type='button' id='b1'>網(wǎng)站趣聞</button> <button type='button' id='b1'>網(wǎng)站論壇</button> <button type='button' id='b1'>網(wǎng)站介紹</button> <button type='button' id='b2'>招納賢士</button></div> </div> </div></body></html>
效果圖：
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章：
1. Java GZip 基于內(nèi)存實(shí)現(xiàn)壓縮和解壓的方法2. Springboot 全局日期格式化處理的實(shí)現(xiàn)3. 利用CSS制作3D動(dòng)畫(huà)4. .Net加密神器Eazfuscator.NET?2023.2?最新版使用教程5. jsp+servlet簡(jiǎn)單實(shí)現(xiàn)上傳文件功能（保存目錄改進(jìn)）6. JAMon(Java Application Monitor)備忘記7. 完美解決vue 中多個(gè)echarts圖表自適應(yīng)的問(wèn)題8. SpringBoot+TestNG單元測(cè)試的實(shí)現(xiàn)9. 存儲(chǔ)于xml中需要的HTML轉(zhuǎn)義代碼10. idea配置jdk的操作方法
網(wǎng)公網(wǎng)安備