`

use DIV

    博客分类：
  • HTML
XHTMLHTML 
阅读更多

<!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>test</title>
<script>
    function $(id){
        return document.getElementById(id);
    }
    function operation(id){
        var obj = $(id);
        if(obj.style.display=="none"){
            obj.style.display="block";
            //alert("show");
        }else{
            obj.style.display="none";
            //alert("hide");
        }
    }
</script>
<style>
    div{
        border:1px solid blue;
        line-height:50px;
        width:200px;
    }
</style>
</head>
<body>
    <center>
        <div id="div_1" onclick="operation('div_2');">click here</div>
        <br/>
        <br/>
        <div style="border:1px solid red;" id="div_2">content</div>
    </center>
</body>
</html>

分享到：
| use database function
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    PHP获取远程div内容

    $div_element = $xpath-&gt;query($div_xpath)-&gt;item(0); ``` 3. **提取div里的文本或属性** 现在我们有了目标div的`DOMElement`对象，可以获取它的文本内容、属性等。 ```php $div_text = $div_element-&gt;...

    CSS+DIv彻底研究

    6. **浏览器兼容性**：了解各主流浏览器对CSS特性的支持情况，学会使用工具如Can I Use来检查兼容性，并掌握解决兼容性问题的技巧。 7. **CSS优化**：学习如何减少CSS的体积，提高页面加载速度，包括选择器优化、...

    CSS+JS实现一个DIV层的展开折叠效果

    CSS+JS 实现 DIV 层的展开折叠效果 本文将详细介绍如何使用 CSS 和 JS 实现一个 DIV 层的展开折叠效果。这个效果可以在网页上实现一个折叠的样式，用户可以点击按钮来展开或折叠内容。 HTML 结构 首先，我们需要...

    layer和div两种弹出层.zip

    然后，通过调用相应的API方法，如`layui.use('layer', function(){...})`，来创建和控制弹出层；最后，设置必要的参数，如`type`（弹出层类型，如0为信息，1为提示，2为确认，3为询问，4为加载）和`content`（弹出层...

    PHP7 新特性：use语句、intdiv() 函数、Session 选项.md

    在 PHP 7 中，`use` 语句的引入极大地简化了在大型项目中管理命名空间的过程，并有助于避免潜在的命名冲突问题。`intdiv()` 函数为执行整数除法提供了一种简单有效的方式，尤其在需要处理整数结果时非常有用。同时，...

    div+css培训课堂前的热身与需知

    8. 浏览器兼容性：理解不同浏览器对CSS特性的支持程度，学会使用Can I use网站查询并解决兼容性问题。 9. 开发工具：掌握浏览器的开发者工具，如Chrome的DevTools，它们能帮助你在实际环境中调试和优化CSS代码。 ...

    精通DIV+CSS网页样式与布局

    `）、选择数据库（`use dbname;`）、创建数据库（`create database dbname charset utf8;`）和删除数据库（`drop database dbname;`）。 3. **表的操作**：包括显示表（`show tables;`）、查看表结构（`desc ...

    利用DIV布局的好资料

    查阅Can I Use网站等工具，确保你的布局在不同浏览器中表现一致。 总之，本资源包旨在帮助你掌握使用`div`进行网页布局的技巧，通过深入学习和实践，你可以创建更加高效、灵活和美观的网页设计。记得持续关注Web...

    Vue 实现创建全局组件,并且使用Vue.use() 载入方式

    &lt;div class=app-NewsInfo&gt; &lt;h3&gt;{{info.title}} &lt;!-- 新闻评论子组件。 --&gt; &lt;comment id=id&gt;&lt;/comment&gt; &lt;/div&gt; [removed] import comment from ../sub/comment.vue; export default { data() {

    html手册大全(div+css学习)

    10. **浏览器兼容性**：不同的浏览器可能对某些CSS属性或JavaScript特性支持程度不同，因此理解和使用Can I Use网站进行兼容性检查，以及使用polyfills来弥补不兼容的问题，是实际开发中的必要技能。 这个“HTML...

    use-fit-text:用于在div中容纳文本的React钩子

    React挂钩可迭代地调整字体大小，以使文本适合div。 通过检查文本是否溢出 当容器被调整大小重新计算（使用（ ） ） 内容更改时重新计算 使用二进制搜索； 使用默认选项时，最多进行5次调整，分辨率从20％到100％...

    DIV+CSS布局大全

    使用工具如Can I Use可以查询CSS特性在各浏览器中的支持情况。 综上所述，《DIV+CSS布局大全》这本书很可能涵盖了这些内容，通过学习和实践，开发者能够掌握构建高效、美观且易于维护的网页布局的技能。无论是初学...

    useFetch：获取React的钩子

    useFetch 获取React的钩子安装npm install @ahmetelgun/usefetch用法import useFetch from "@ahmetelgun/usefetch" ;..const [ response , loading , error ] = useFetch ( "url" ) ;if ( loading ) { return &lt; div&gt;...

    有用的div+css模板

    6. Terms of use.txt：这可能是网站的使用条款文本，虽然不属于技术部分，但了解如何在网页上添加法律文档和用户协议是网站运营的必要知识。 7. images目录：通常包含网页中使用的所有图像资源。理解和优化图片的...

    CSS+div 网页课程设计

    9. **浏览器兼容性**：了解不同浏览器对CSS特性的支持情况，使用工具如Can I Use来检查兼容性，确保代码能在大部分浏览器中正常运行。 10. **实践项目**：压缩包中的文件如index.html、haikou.html等可能代表课程中...

    Divelements SandDock 1.2.1 for Silverlight

    SandDock is our award-winning window management software that enables dockable floating windows, tabbed documents and other advanced window management functionality in applications that use it....

    DIV+CSS自学总结手册

    8. **浏览器兼容性**：理解不同浏览器对CSS特性的支持情况，学习如何使用工具（如Can I Use网站）来检查兼容性，并使用前缀和 hack 解决兼容性问题。 9. **Flexbox** 和 **Grid**：介绍这两种现代布局模式，理解...

    use-axios-client:使用钩子在React中发出axios请求

    $ npm install use-axios-client 与纱线： $ yarn add use-axios-client 例子 import { useAxios } from 'use-axios-client' ; export default ( ) =&gt; { const { data , error , loading } = useAxios ( { url :...

    DIV+CSS网页样式与布局

    开发者需要关注浏览器兼容性，使用工具如Can I Use来检查特性支持情况，并可能需要编写前缀或使用polyfills。 10. **优化技巧**：包括减少HTTP请求、合并CSS文件、使用CSS Sprites、优化选择器性能和使用适当的数据...

    十天学会DIV+CSS(WEB标准)

    不同的浏览器对CSS的支持程度不同，了解各种浏览器的兼容性问题，以及如何使用工具如Can I Use和Autoprefixer来处理这些问题，是开发跨平台网页的必要技能。 【知识点九】：实战练习 通过实际项目或模拟案例，将...

Magicbox
Global site tag (gtag.js) - Google Analytics