`

控制页面显示内容

    博客分类:
  • web
阅读更多
<html>
<head>
<title>display</title>
<script type="text/javascript">
<!--
    function show(id){
        var msg=document.getElementById("submenu"+id);
        if(msg.style.display=="none")
            // msg.style.display="block";
			msg.style.display="";
        else
            msg.style.display="none";
    }
//-->
</script>
</head>
<body>
<table width="100%" >
    <tr width="100%">
        <td width="100%">
            <font style="cursor:hand;" onclick="show(1)">
                菜单一
            </font>
        </td>
    </tr>
    <tr id="submenu1" style="display:none;">
        <td>
            <table>
                <tr>
                    <td>子菜单a</td>
                </tr>
                <tr>
                    <td>子菜单b</td>
                </tr>
            </table>
        </td>
    </tr>
    <tr width="100%">
        <td width="100%">
            <font style="cursor:hand;" onclick="show(2)">
                菜单二
            </font>
        </td>
    </tr>
    <tr id="submenu2" style="display:none;">
        <td>
            <table>
                <tr>
                    <td>子菜单c</td>
                </tr>
                <tr>
                    <td>子菜单d</td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</body>
<html>


<style> 
a{background:blue;display:block;color:#fff} 
</style> 
<a href="http://g.cn">g.cn </a> 
<a href="http://g.cn">g.cn </a> 
<a href="http://g.cn">g.cn </a> 
<a href="http://g.cn">g.cn </a> 

<!--
style "display:block" 

意思就是块,加了这个样式,一个元素会自动为一行,如果是链接的话,点击这个行任何地方都会有链接,而不只是点击链接的字才有链接
-->


<style> 
a{background:blue;color:#fff} 
</style> 
<a href="http://g.cn">g.cn </a> 
<a href="http://g.cn">g.cn </a> 
<a href="http://g.cn">g.cn </a> 
<a href="http://g.cn">g.cn </a> 


<!--
style "display:block" 

意思就是块,加了这个样式,一个元素会自动为一行,如果是链接的话,点击这个行任何地方都会有链接,而不只是点击链接的字才有链接
-->



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 测试form多一行效果 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<form name="form1" style="display:inline">
<input type="text" size="20"/>
</form>
<form name="form2" style="margin:0px;">
<input type="text" size="20"/>
</form>
<form name="form3">
<input type="text" size="20"/>
</form>
<form name="form3">
<input type="text" size="20"/>
</form>

</BODY>
</HTML>
分享到:
评论

相关推荐

    页面显示JS,AJAX控制

    页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制...

    ASP.NET中iframe框架点击左边页面链接 右边显示链接页面内容

    在***中实现点击左边页面链接时,右边iframe框架显示对应链接页面的内容,是一种常见的网页布局模式,经常被用于后台管理系统中。这种布局允许用户在一个窗口内操作导航,而在另一个子窗口内查看和处理内容,从而...

    左侧菜单栏控制右侧页面内容切换

    在这个场景中,我们关注的是一个基于"jQuery + Bootstrap"的示例项目,它实现了左侧菜单栏控制右侧页面内容切换的功能,并且结合了Bootstrap的弹框展示。下面我们将深入探讨这个项目的核心技术和实现细节。 首先,...

    js代码:网页中的adobePDF显示,js控制pdf页面滚动

    ### 知识点详解:网页中的Adobe PDF显示与JavaScript控制滚动 #### 1. 在网页中展示PDF文档 网页中嵌入PDF文档是一项常见的需求,尤其是对于那些希望直接在网站上提供阅读体验的场景。Adobe提供了多种方法来实现这...

    PB-控制内容只在最后一页显示.docx

    ### PowerBuilder 8 控制特定内容仅在最后一页显示的方法 #### 一、背景与问题描述 在使用PowerBuilder 8进行报表设计时,我们常常会遇到需要将某些特定的内容(如签名栏、备注信息等)仅显示在报表的最后一页的...

    ajax控制div窗口显示和隐藏

    在网页开发中,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许在不刷新整个页面的情况下,与服务器交换数据并更新部分网页内容。本主题主要关注如何使用Ajax来控制div窗口的显示和隐藏,...

    iframe中页面显示不全1

    这些属性对于正确显示内容至关重要,因为如果iframe的尺寸小于嵌入页面的实际尺寸,就会出现显示不全的情况。 为了在`&lt;div&gt;`中嵌套`&lt;iframe&gt;`,我们需要确保`&lt;div&gt;`的尺寸足够大,能够容纳`&lt;iframe&gt;`。可以使用CSS...

    发布控制内容页关键字显示个数插件 for PHP168.rar

    标题 "发布控制内容页关键字显示个数插件 for PHP168.rar" 涉及的是一个专为PHP168内容管理系统设计的插件,其主要功能是控制文章内容页中关键字的显示数量。这款插件允许管理员自定义在前端页面上显示的关键字个数...

    jquery+鼠标经过显示全部内容离开隐藏部分内容

    根据给定的文件信息,我们可以总结出以下关于jQuery在网页设计中的应用以及如何利用鼠标事件显示和隐藏部分内容的关键知识点: ### 1. jQuery基础概念与功能 jQuery是一种快速、简洁的JavaScript库,它极大地简化...

    Div显示与隐藏网页制作

    在网页设计中,有时我们需要根据用户的行为或者特定条件来控制某些内容的可见性。例如,一个折叠菜单、模态对话框或者隐藏的附加信息。这时,`Div`的显示和隐藏功能就显得尤为重要。我们可以使用JavaScript或jQuery...

    代码控制网页内容横向打印

    标题中的“代码控制网页内容横向打印”指的是在编程过程中,如何通过编写特定的代码来实现对网页内容的控制,使其适应横向打印的需求。这通常涉及到CSS(层叠样式表)和JavaScript的运用,以调整布局、尺寸和样式,...

    ireport控制分页显示

    要在iReport中控制分页显示,首先需要在细节节(Detail Section)中插入页面断点。这可以通过编辑报告设计,选择插入页面断点(Edit -&gt; Insert Page Break)来完成。关键在于设置页面断点的打印条件(print when ...

    对网页滚动条的隐藏及显示控制.rar

    总结起来,网页滚动条的隐藏与显示控制主要依赖于CSS3的伪元素选择器和属性,以及JavaScript的DOM操作。对于跨浏览器兼容性,可能需要结合使用JavaScript库或插件。在响应式设计中,我们还需要考虑不同设备和视口...

    html+javascript只显示部分文章内容(一部分文字), 加载更多按钮 展开,收缩.zip

    在网页设计中,为了优化用户体验,我们经常遇到需要在页面上只显示文章部分内容,而其余内容则通过“加载更多”或“展开”按钮来获取。这个场景在标题和描述中被提及,涉及到的技术主要是HTML和JavaScript。下面我们...

    stm32 lcd触摸屏显示页面切换程序

    通常,STM32会通过SPI、I2C或UART等接口与LCD控制器进行通信,发送数据和命令以控制显示屏的显示内容。在触摸屏部分,STM32可能需要处理中断,当用户触摸屏幕时,触摸屏控制器会发送中断信号到STM32,然后STM32读取...

    控制Div显示和隐藏

    本程序在网页中设计了Div层的显示和隐藏,代码简单、实用。

    网页页面显示风格

    网页页面显示风格是构成网站视觉吸引力的关键因素,它涉及到HTML(HyperText Markup Language)的运用,CSS(Cascading Style Sheets)的布局以及JavaScript库的交互效果。在本项目中,我们可以看到几个关键的文件,...

    js控制层隐藏和显示

    总结起来,JavaScript的事件监听机制使得我们可以方便地控制页面元素的隐藏和显示,以此实现丰富的用户交互。无论是点击还是鼠标移动,都能为网页增添活力,使内容展示更加灵活多样。同时,结合服务器返回的数据,...

    一个网页显示另一个网页的部分内容,网站上显示远程监控

    在IT行业中,"一个网页显示另一个网页的部分内容"这一技术通常被称为"iframe"(Inline Frame)或者"嵌入式框架”。iframe允许我们在一个HTML页面中嵌入另一个网页,实现跨域展示内容,常用于集成外部服务、显示广告...

    SharePoint Iframe Excel Services 页面报错“此内容不能显示在一个框架中”.pdf

    但其在使用过程中也可能会遇到一些安全性和兼容性的问题,例如Iframe嵌入Excel Services页面时出现的“此内容不能显示在一个框架中”的报错。为了解决这一问题,我们需要深入了解相关知识点,包括Iframe嵌入、点击...

Global site tag (gtag.js) - Google Analytics