html表单——使用frameset写一个导航栏效果

主页面：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<!--frameset
		说明:1、frameset不能潜入在body标签里面，只能嵌入在html标签里面-
			 2、一个html页面中不能同时嵌入多个frameset标签
			 3、若有多个frame标签，且同时未设置src属性值，则设置任何一个src属性，其他src属性也默认为该属性
	->
<!--	<frameset cols="200px,20%,*">
		<frame src="#"/><frame src="#"/><frame src="#"/>
	</frameset>-->

	<!--
		frameborder="0“ :用来设置不显示分隔条
		noresize="noresize"   :则设置分隔条不可拖动
		scrolling="no"    :不显示滚动条     （要么所有的frame都设置scrolling属性，要么最后一个frame标签设置scrolling属性）
	-->
<!--	<frameset rows="200px,20%,*" frameborder="1" noresize="noresize"  >
		<frame src="http://dict.youdao.com/w/Frame/#keyfrom=dict2.top" />
		<frame src="http://dict.youdao.com/w/Frame/#keyfrom=dict2.top"  scrolling="no"/>
		<frame src="http://dict.youdao.com/w/Frame/#keyfrom=dict2.top" />
	</frameset>-->

	<!--左边是页面导航栏，右边是导航栏对应的内容-->
	<frameset cols="200px,*" frameborder="1" noresize="noresize"  >
		<frame src="navigationbar.html" />
		<frame src="http://www.baidu.com" name="bodyContent"/>
	</frameset>
</html>

　　

导航页面：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>navigationbar.html</title>
	</head>
	<body>
		<a href="http://www.baidu.com" target="bodyContent" >百度</a><br/><br/>
		<a href="http://www.sina.com.cn/" target="bodyContent" >新浪</a><br/><br/>
		<a href="http://dict.youdao.com/" target="bodyContent" >有道词典</a><br/><br/>
		<a href="https://ssl.zc.qq.com/chs/index.html?type=1" target="bodyContent" >QQ邮箱注册</a><br/><br/>
	</body>

</html>

　　

时间： 2024-10-10 09:32:34

html表单——使用frameset写一个导航栏效果的相关文章

jQuery Validate 表单验证插件----自定义一个验证方法

一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW  访问密码 f224 二.引入依赖包 <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script> <script src="lib/jquery.validate.js" type="text/javascript"

使用TabLayout快速实现一个导航栏

在没有Material Design的年代,要实现一个类似微信主页面的效果,我们有以下几种解决方案: 1.Fragment + ViewPager  +  RadioGroup自定义固定导航条 2.Fragment + ViewPager  带滑动导航条 3.Fragment + ViewPager +  HorizontalScrollView自定义滑动导航条 当然,除了这些之外,还有许多已经被Google丢弃的方案,我们就不说了.当有了Material Design之后,一切都变得那么漂亮,

PagerSlidingTabStrip实现网易新闻导航栏效果

PagerSlidingTabStrip实现网易新闻导航栏效果之前在项目当中有一个需求,实现类似网易新闻标题导航的效果,于是在在github搜索下,找了一个开源PagerSlidingTabStrip,研究了这个空间的使用和一些方法,在此与大家分享,希望能够帮到有需要的朋友,好了废话不多讲,直接上代码. package com.example.textpagerslidingtabstrip.activity; import com.example.textpagerslidingtabstri

php实现三级导航栏效果

首先看看效果图: 1.数据配置文件 db.php <?php return array( array( 'one' => '关于我们', 'two' => array( array( 'three_tit' => '公司介绍', 'three_cont' => array( '企业概况', '组织架构', '发展历程', '企业文化', '服务理念' ) ), array( 'three_tit' => '企业荣誉', 'three_cont' => array(

iOS 顶部高斯模糊导航栏 + 页面内容穿越底部导航栏效果

(1)如果是使用系统导航栏则设置其translucent属性即可: [self.navigationController.navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault]; self.navigationController.navigationBar.shadowImage = [UIImage new]; self.navigationController.navigationB

jquery实现导航栏效果

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <div class="box"> <ul class="menu"> <li

为什么上传文件的表单里面要加一个属性ENCTYPE=MULTIPART/FORM-DATA？

首先知道enctype这个属性管理的是表单的MIME编码.共有三个值可选:1.application/x-www-form-urlencoded2.multipart/form-data3.text/plain其中application/x-www-form-urlencoded是默认值,作用是设置表单传输的编码.例如我们在AJAX中见过xmlHttp.setRequestHeader("Content-Type","application/x-www-form- urlen

python :表单验证--对每一个输入框进行验证

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta charset="UTF-8"/> <title>Title</title> <style> .error{ color

asp编程实例:通过表单创建word的一个例子

先创建一个表单,随便存一个名字好了.例如:上海治疗阳痿医院 xxx.html 〈form action="word_create.asp"〉 Name: 〈input type="text" name="Name" size="50" maxlength="100"〉 Email: 〈input type="text" name="Email" size="