大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
打开sublime-text3 选择菜单栏:工具-新代码段 按以下模板填充。
目前成都创新互联公司已为超过千家的企业提供了网站建设、域名、虚拟主机、网站改版维护、企业网站设计、无极网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
/*
content:在CDATA中填补全内容
tabTrigger:触发代码
scope:文件类型
description:描述信息
下例为: 输入con按tab键 会补全为console.log();并将光标定位到()内。
*/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中填补全内容
tabTrigger:触发代码
scope:文件类型
description:描述信息
下例为: 输入con按tab键 会补全为console.log();并将光标定位到()内。
*/snippet
content
![CDATA[console.log(${1});]]
/content
tabTriggercon/tabTrigger
scopesource.js/scope
descriptionconsole/description/snippet123456789101112131415
写完后保存在安装目录Data/Packages/User 下面 如保存为:console.sublime-snippet。
console是自己取的名字,
sublime-snippet是后缀名。
自动补全 比如 div 自动 出现 div/divemmet插件 也可以直接用Hbulider 现在比较流行的前端编写网页的软件,不用自己装 自带的有
两个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设一个连接。点击后可传一个参数给2.html,让其确定iframe指定的是那一个连接。
2。用javascript,vbscript实现,如只用html就更好了。
3。不能用asp,jsp,php等实现。
不用h5,只要 元素:hover 也能搞出切换啊,但是只能切换子级元素,需求说明白点
这问题好纠结,最少来个截图啊,给你写个吧,粘过去就行,不行的话留个q,继续问
!DOCTYPE html
html
head
meta charset="utf-8" /
title选项卡/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; //将三个内容框架全隐藏,通过下面的:first-child属性只将第一个框架内容显示出来
}
.tab .tab_box div:first-child{
display: block;
}
/style
/head
body
!--整体构局说明,用ul完成按钮的横向布局,用div完成三个内容框架的垂直布局(类似于类表),然后将三个内容框架全隐藏,通过下面的:first-child属性只将第一个框架内容显示出来--
div class="tab"
div class="tab_menu"
ul
li class="on"实事/li
li政治/li
li体育/li
li实事/li
li政治/li
li体育/li
li实事/li
li政治/li
li体育/li
li实事/li
li政治/li
li体育/li
/ul
/div
div class="tab_box"
div实事内容/div
div政治内容/div
div体育内容/div
div实事内容/div
div政治内容/div
div体育内容/div
div实事内容/div
div政治内容/div
div体育内容/div
div实事内容/div
div政治内容/div
div体育内容/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"); //切换选中的按钮高亮状态
var index=$(this).index(); //获取被按下按钮的索引值,需要注意index是从0开始的
$(".tab_box div").eq(index).show().siblings().hide(); //在按钮选中时在下面显示相应的内容,同时隐藏不需要的框架内容
});
});
/script
/body
/html