打開sublime-text3 選擇菜單欄:工具-新代碼段 按以下模板填充。
目前成都創(chuàng)新互聯(lián)公司已為超過千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬主機(jī)、網(wǎng)站改版維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、無極網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
/*
content:在CDATA中填補(bǔ)全內(nèi)容
tabTrigger:觸發(fā)代碼
scope:文件類型
description:描述信息
下例為: 輸入con按tab鍵 會(huì)補(bǔ)全為console.log();并將光標(biāo)定位到()內(nèi)。
*/snippet
content
![CDATA[console.log(${1});]]
/content
tabTriggercon/tabTrigger
scopesource.js/scope
descriptionconsole/description/snippet123456789101112131415
寫完后保存在安裝目錄Data/Packages/User 下面 如保存為:console.sublime-snippet。?
console是自己取的名字,?
sublime-snippet是后綴名。
打開sublime-text3 選擇菜單欄:工具-新代碼段 按以下模板填充。
/*
content:在CDATA中填補(bǔ)全內(nèi)容
tabTrigger:觸發(fā)代碼
scope:文件類型
description:描述信息
下例為: 輸入con按tab鍵 會(huì)補(bǔ)全為console.log();并將光標(biāo)定位到()內(nèi)。
*/snippet
content
![CDATA[console.log(${1});]]
/content
tabTriggercon/tabTrigger
scopesource.js/scope
descriptionconsole/description/snippet123456789101112131415
寫完后保存在安裝目錄Data/Packages/User 下面 如保存為:console.sublime-snippet。?
console是自己取的名字,?
sublime-snippet是后綴名。
自動(dòng)補(bǔ)全 比如 div 自動(dòng) 出現(xiàn) div/divemmet插件 也可以直接用Hbulider 現(xiàn)在比較流行的前端編寫網(wǎng)頁的軟件,不用自己裝 自帶的有
兩個(gè)html頁面。1.html,2.html
2.html
html
headtitle/title/head
body
iframe width="780" height=2000 marginwidth="0" scrolling="no" marginheight="0" align="top" name="main" frameborder="0" src="*.htm"
/body
/html
***************************
1.html
html
headtitle/title/head
body
/ ? /
/body
/html
*****************
2.html里的*.htm是任意的頁面。如select1.html or select2.html or select3.html
要求:
1。在1.html設(shè)一個(gè)連接。點(diǎn)擊后可傳一個(gè)參數(shù)給2.html,讓其確定iframe指定的是那一個(gè)連接。
2。用javascript,vbscript實(shí)現(xiàn),如只用html就更好了。
3。不能用asp,jsp,php等實(shí)現(xiàn)。
不用h5,只要 元素:hover 也能搞出切換啊,但是只能切換子級元素,需求說明白點(diǎn)
這問題好糾結(jié),最少來個(gè)截圖啊,給你寫個(gè)吧,粘過去就行,不行的話留個(gè)q,繼續(xù)問
!DOCTYPE?html
html
head
meta?charset="utf-8"?/
title選項(xiàng)卡/title
style?type="text/css"
::-webkit-scrollbar{width:0px}
*{?margin:0;?padding:0}
ul{
list-style:?none;
}
.tab{?
width:?600px;
margin:?80px?auto;
}
.tab?.tab_menu{
float:left;
height:?138px;
width:?90px;?
overflow-y:scroll;
}
.tab?.tab_menu?ul{width:60px;}
.tab?.tab_menu?ul?li{
width:?60px;
text-align:?center;
line-height:?30px;
}
.tab?.tab_menu?ul?li:last-child{
border-right:none;
width:60px;
}
.tab?.tab_menu?ul?li.on{
background:?#999;
}
.tab_box{float:left;}
.tab?.tab_box??div{
width:?300px;
height:?138px;
border:1px?solid?#6cf;
display:?none;?//將三個(gè)內(nèi)容框架全隱藏,通過下面的:first-child屬性只將第一個(gè)框架內(nèi)容顯示出來
}
.tab?.tab_box??div:first-child{
display:?block;
}
/style
/head
body
!--整體構(gòu)局說明,用ul完成按鈕的橫向布局,用div完成三個(gè)內(nèi)容框架的垂直布局(類似于類表),然后將三個(gè)內(nèi)容框架全隱藏,通過下面的:first-child屬性只將第一個(gè)框架內(nèi)容顯示出來--
div?class="tab"
div?class="tab_menu"
ul
li?class="on"實(shí)事/li
li政治/li
li體育/li
li實(shí)事/li
li政治/li
li體育/li
li實(shí)事/li
li政治/li
li體育/li
li實(shí)事/li
li政治/li
li體育/li
/ul
/div
div?class="tab_box"
div實(shí)事內(nèi)容/div
div政治內(nèi)容/div
div體育內(nèi)容/div
div實(shí)事內(nèi)容/div
div政治內(nèi)容/div
div體育內(nèi)容/div
div實(shí)事內(nèi)容/div
div政治內(nèi)容/div
div體育內(nèi)容/div
div實(shí)事內(nèi)容/div
div政治內(nèi)容/div
div體育內(nèi)容/div
/div
/div
script?type="text/javascript"?src=""/script
script?type="text/javascript"
$(function(){
$(".tab_menu?ul?li").click(function(){
$(this).addClass("on").siblings().removeClass("on");?//切換選中的按鈕高亮狀態(tài)
var?index=$(this).index();?//獲取被按下按鈕的索引值,需要注意index是從0開始的
$(".tab_box??div").eq(index).show().siblings().hide();?//在按鈕選中時(shí)在下面顯示相應(yīng)的內(nèi)容,同時(shí)隱藏不需要的框架內(nèi)容
});
});
/script
/body
/html