dw 选项卡

最新推荐文章于 2021-09-16 09:40:37 发布
最新推荐文章于 2021-09-16 09:40:37 发布
阅读量1.8k 收藏 1
点赞数
分类专栏： 前端工程师
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YZi_Angel/article/details/45481381
版权
选项卡实现代码： 
<!DOCTYPE html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
#biaodan {
	height: 600px;
	width: 365px;
	padding-top: 100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font: "微软雅黑" 14px/30px;
}
body {
	margin: 0px;
	padding: 0px;
}
#shang{
	height: 30;
	text-align: center;
	border-Top: 3px solid #060;
	line-height: 30px;
	vertical-align: middle;
	}
#xia {
	height: 500px;
}
#junshi ul ,#zhengzhi ul,#wenhua ul{
	list-style-type: none;
}
a:link,a:visited,a:hover{
	text-decoration:none;
	}	
#zhengzhi,#wenhua{
	display:none;
	}
#biaodan #sp-junshi{
	width: 120px;
	height: 29px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	float: left;
	border-bottom: none;
	background-color:none;
}
#biaodan #sp-zhengzhi{
	width: 120px;
	height: 29px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color: #cfcfcf;
	float: left;
}
#biaodan #sp-wenhua{
	width: 120px;
	height: 29px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color: #cfcfcf;
	float: left;
}
body {
	margin: 0px;
	padding: 0px;
}
</style>
<script>
function xianshijunshi(){
	//军事显示
	document.getElementById("junshi").style.display = "block";
	//政治隐藏
	document.getElementById("zhengzhi").style.display = "none";
	//文化隐藏
	document.getElementById("wenhua").style.display = "none";
	document.getElementById("sp-junshi").style.background = "none"
	document.getElementById("sp-zhengzhi").style.background ="#cfcfcf";
	document.getElementById("sp-wenhua").style.background ="#cfcfcf";
	document.getElementById("sp-junshi").style.borderBottom = "none"; 
	document.getElementById("sp-zhengzhi").style.borderBottom = "1px solid #666";
	document.getElementById("sp-wenhua").style.borderBottom = "1px solid #666";
	}
function xianshizhengzhi(){
	//军事隐藏
	document.getElementById("junshi").style.display = "none";
	//政治显示
	document.getElementById("zhengzhi").style.display = "block";
	//文化隐藏
	document.getElementById("wenhua").style.display = "none";
	document.getElementById("sp-junshi").style.background = "#cfcfcf"
	document.getElementById("sp-zhengzhi").style.background ="none";
	document.getElementById("sp-wenhua").style.background ="#cfcfcf";
	document.getElementById("sp-junshi").style.borderBottom = "1px solid #666"; 
	document.getElementById("sp-zhengzhi").style.borderBottom = "none";
	document.getElementById("sp-wenhua").style.borderBottom = "1px solid #666";
	}
function xianshiwenhua(){
	//军事隐藏
	document.getElementById("junshi").style.display = "none";
	//政治隐藏
	document.getElementById("zhengzhi").style.display = "none";
	//文化显示
	document.getElementById("wenhua").style.display = "block";
	document.getElementById("sp-junshi").style.background = "#cfcfcf"
	document.getElementById("sp-zhengzhi").style.background ="#cfcfcf";
	document.getElementById("sp-wenhua").style.background ="none"
	document.getElementById("sp-junshi").style.borderBottom = "1px solid #666"; 
	document.getElementById("sp-zhengzhi").style.borderBottom = "1px solid #666";
	document.getElementById("sp-wenhua").style.borderBottom = "none";
	}
</script>
</head>
<body>
<div id="biaodan">
  <div id="shang" >
    <div id="sp-junshi" class="s1" onMouseover="xianshijunshi()">军事</div>
    <div id="sp-zhengzhi" class="s2" onMouseover="xianshizhengzhi()">政治</div>
    <div id="sp-wenhua" class="s3" onMouseover="xianshiwenhua()">文化</div>
    <div style="clear:both;"></div>
  </div>
  <div id="xia">
    <div id="junshi" class ="info">
      <ul>
        <li><a href="#">军事军事军事军事军事军事军事军事</a></li>
        <li><a href="#">军事军事军事军事军事军事军事军事</a></li>
        <li><a href="#">军事军事军事军事军事军事军事军事</a></li>
        <li><a href="#">军事军事军事军事军事军事军事军事</a></li>
        <li><a href="#">军事军事军事军事军事军事军事军事</a></li>
        <li><a href="#">军事军事军事军事军事军事军事军事</a></li>
      </ul>
    </div>
    <div id="zhengzhi" class ="info">
      <ul>
        <li><a href="#">政治政治政治政治政治政治政治政治</a></li>
        <li><a href="#">政治政治政治政治政治政治政治政治</a></li>
        <li><a href="#">政治政治政治政治政治政治政治政治</a></li>
        <li><a href="#">政治政治政治政治政治政治政治政治</a></li>
        <li><a href="#">政治政治政治政治政治政治政治政治</a></li>
        <li><a href="#">政治政治政治政治政治政治政治政治</a></li>
      </ul>
    </div>
    <div id="wenhua" class ="info">
      <ul>
        <li><a href="#">文化文化文化文化文化文化文化文化</a></li>
        <li><a href="#">文化文化文化文化文化文化文化文化</a></li>
        <li><a href="#">文化文化文化文化文化文化文化文化</a></li>
        <li><a href="#">文化文化文化文化文化文化文化文化</a></li>
        <li><a href="#">文化文化文化文化文化文化文化文化</a></li>
        <li><a href="#">文化文化文化文化文化文化文化文化</a></li>
      </ul>
    </div>
  </div>
</div>
</body>
</html>


选项卡实现页面


YZiAngel
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
dw选项卡代码_Dreamweaver 中的 Spry 选项卡 Tabbed Panels 自定义外观的一些细节
weixin_39942995的博客
12-19 1630
1、添加或者修改各个选项卡标签页中的文字点击标题上的“小眼睛”可以切换到该面板和该面板的内容区2、了解Spry选项卡对应的几个文件，方便自定义外观及设置，注意一个站点默认指挥有一组这样的文件，如果要在不同页面自定义不同的外观，需要手动修改这两个文件名，方法可以是在后面加数字，如SpryTabbedPanels1.css，SpryTabbedPanels2.js同时去网页文件中头部修改为对应的两个文...
dw选项卡怎么设置_Dreamweaver CC教程：设置可选区域的值 -dreamweaver技巧-电脑技巧收藏家...
weixin_42473904的博客
02-06 2842
Dreamweaver CC教程：设置可选区域的值设置可选区域的值在模板中插入可选区域之后，可以编辑该区域的设置。例如，可以对是否显示内容的默认设置进行更改，可以将参数与现有可选区域相关联，还可以修改模板表达式。为模板区域创建模板参数并定义条件语句(If…else 语句)。可以使用简单的真/假操作，或定义更复杂的条件语句和表达式。在“高级”选项卡中，可以将多个可选区域链接到一个已命名的参数。在基...
dw选项卡怎么设置_Excel怎么快速标注满足限定条件的数据？两种方法任你选择...
weixin_39612877的博客
12-20 309
用Excel处理数据时，怎么快速标注数据区域符合条件的数据呢？举个简单的例子，需要在学生成绩册中快速标注出不及格学生的对应分数。第一种方法：条件格式首先选中数据所在的单元格区域，在菜单栏开始选项卡中，点击样式功能区中的条件格式，将鼠标指针移动至突出显示单元格规则，选中二级菜单中的小于。在小于窗口中，左侧文本框中输入60（及格分数为60分），在右侧下拉菜单中选择需要的填充颜色，最后点击确定按钮保存设...
dw选项卡代码_使用DW软件实现html编码转换的详细步骤
weixin_35829704的博客
12-29 876
HTML转换不能直接通过记事本打开后手动修改代码里的字母就认为完成编码转换修改，这样直接修改后果很容易造成修改后的网页在浏览器中打开出现html乱码情况(html文件怎么打开)。假如你的HTML编码是utf-8的如果要修改为gb2312的编码这个时候，你直接用记事本打开HTML文件后，直接将utf-8修改为gb2312，这种方法是错误的会造成HTML网页乱码。与CSS编码转换相同，转换编码需要到软...
dw选项卡代码_Dreamweaver CC
weixin_39540018的博客
12-19 312
Dreamweaver CC教程：查找和替换代码中标签、属性和文本查找和替换代码中的标签、属性和文本您可以搜索特定的标签、属性和属性值。例如，您可以搜索不带 Alt 属性的所有 img 标签。您也可以搜索在一组容器标签内或不在一组容器标签内的特定文本字符串。例如，您可以搜索包含在 title 标签内的单词 Untitled，以找到您的站点上的所有无标题页。在当前打开的文档中查找和替换代码中的标签、...
DW-串口卡转接卡系列驱动
03-22
"或"WCH38X-PCIe"及”WCH35X-PCIe"三个选项（如不成功则用方法2） 2、方法2：右键单击“计算机/我的电脑”>属性-设备管理器-找到转接卡设备> 右键单击>更新驱动程序软件-浏览计算机以查找驱动程序软件-复制粘贴驱动...
DW1820A完整驱动包.zip
05-08
4. 跟随安装向导的提示，选择合适的安装选项，如自动检测硬件或手动指定位置。 5. 完成安装后，重启计算机以使新驱动生效。 6. 在设备管理器中检查DW1820A网卡是否已正确安装，确认无黄色或红色的警示标志。 在使用...
DW配置php开发环境
04-06
在“服务器”选项卡中，点击“新建”，选择“自定义”类型。输入服务器名称，选择“PHP”作为服务器模型。在“连接”部分，填写Apache和MySQL的相关信息，如主机名、用户名、密码和数据库名称。 在DW中，你可以直接...
BCM94352Z (DW1560)驱动问题.zip
02-16
2. **硬件安装**：首先，确保你的硬件安装正确，将BCM94352Z适配卡正确地安装到主板的PCI-E插槽中。检查所有连接线是否牢固，避免接触不良导致驱动问题。 3. **黑苹果系统版本**：描述中的标签提到了“黑苹果10.14....
6802B音视频采集卡驱动
07-23
驱动程序还通常包含配置选项，允许用户根据具体需求调整采集参数，如帧率、比特率、色彩空间等。此外，对于音视频同步问题，好的驱动会提供精确的时间戳校正功能，确保声音和画面保持一致。 6802B安装驱动这个文件...
excel怎么启用宏_怎么使用Excel制作条形码？操作如此简单
weixin_39610956的博客
11-04 556
条形码与我们生活息息相关，几乎每一件物品上都有条形码。那么条形码怎么制作呢？今天我们将使用Microsoft Excel制作条形码，一起来看一下具体操作流程吧。使用Microsoft Excel制作条形码需要调用控件，但有些小伙伴的Microsoft Excel还未启用开发工具，启用后才能进一步操作。首先左键点击文件选项卡，选中的右侧菜单栏中的选项，弹出Excel选项窗口。然后点击右侧菜单中的自定...
dw选项卡怎么设置_EXCEL入门之设置
weixin_39747296的博客
12-14 656
这里的设置是指表格内部的设置，就是下图中EXCEL选项的设置。 为什么要设置？怎么设置？设置有什么好处？下面我们就来了解！一、找到EXCEL选项1、打开EXCEL后，在左上角有一个文件（如下图）点击2、进入文件界面，在左下角找到选项（如下图）点击就会弹出EXCEL选项卡二、了解EXCEL选项内容1、常规设置中——新建工作簿时，这里设置就是让你每次新建表格时，里面的字...
dw选项卡怎么设置,dw表单中怎么设置方框里面打对勾
weixin_33266645的博客
03-13 1017
word中方框中打对勾的操作方法：方法一：在文档需要的空白处输入数字 2611 ，然后按下键盘上的快捷键 ALT + X ，即可获得框中打勾符号。方法二：在需要插入打勾的框图的位置输入大写的R，然后选择字体中下拉到最后，选择“wingdings2”即可。方法三：利用符号插入方框内打钩符号。打开word，点击插入，选择后面的符号，然后选择“其他符号”(如果版本为word2003直接在word中点击插...
dw选项卡代码_DW软件新建一个html网页
weixin_42164931的博客
12-29 884
使用Dreamweaver(简称DW)软件新建一个html网页，dw新建一个标准的HTML超文本网页前面DIVCSS5介绍过使用记事本来新建HTML网页，记事本弊端，编码容易出错导致网页乱码，接下来DIVCSS5通过图文方式介绍快速新建一个原始的最基础的HTML网页。第一步，打开DW软件打开DW软件界面局部截图第二步，新建HTML第1种，使用快捷键“Ctrl+N”，即可弹出新建网页选项卡。第2种，...
选项卡选项切换功能
qq_44484552的博客
01-19 330
开发工具与关键技术：DW js 作者：李钊海 撰写时间：2019年1月19日星期六 实现选项卡的简单切换。先判断长度与内容是否一致再用遍历循环 鼠标移入盒子盒子就为block，被离开的盒子为none。仅需下图代码 效果图如下，样式类名请随意本人只注重实际。请注意边框线是否有改变盒子的长 ...
dw选项卡代码_Dreamweaver中js实现竖向选项卡或滑动门代码！急！！！
weixin_42364539的博客
12-29 317
展开全部滑动门通用JSfunction scrollDoor(){}scrollDoor.prototype = {sd : function(menus,divs,openClass,closeClass){var _this = this;if(menus.length != divs.length){alert("菜单层数量e5a48de588b63231313335323631343130...
制作简易Tab选项卡
hqw200424的博客
09-16 194
1.在DW中新建一个HTML文档写它的代码. 2.给它们一个ulli标签.标签里在给它a标签. 3.还是在给它一个<ulli>标签. 4.在给它最后一个<ulli>标签 5.新建一个css文档写他的样式. 6.接着在给它一个script标签. 7.接着初始预览效果是这样的. 8.在建一个JavaScript文档. 9.接着点击预览即可. ...
swing之选项卡面板实例
有 prepare , No out
02-13 1452
1 public class TabbedPaneTest { public static void main(String[] args) { System.out.println(new File(".").getAbsolutePath()); JFrame frame = new TabbedPaneFrame(); frame.
dreamweaver结果框的相关tab项
xiaoouh的博客
02-18 332
分别是搜索，参考，验证，链接检查器，站点报告，FTP记录，服务器调试。 可以在窗口》结果》中找开
DW的插入选项卡里为什么没有数据对象
最新发布
05-28
DW 数据对象是数据仓库中的一个重要概念，不是插入选项卡中的一个选项。在数据仓库的建立过程中，需要先创建数据对象，然后再通过数据抽取、转换和加载等步骤将源系统中的数据抽取到数据仓库中的数据对象中。因此，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值