将屏幕分为4个DIV 点击某一个div时全屏显示

最新推荐文章于 2024-04-20 18:01:19 发布

njzyt

最新推荐文章于 2024-04-20 18:01:19 发布

阅读量3k

点赞数 1

文章标签： div function button stylesheet input table

本文链接：https://blog.csdn.net/njzyt/article/details/6062503

版权

这是一个使用HTML、CSS和JavaScript实现的页面，将屏幕分割成4个DIV区域，每个区域都有一个按钮。当点击某个DIV时，该DIV将全屏显示，其他DIV则隐藏。通过jQuery库实现交互效果，动态调整各DIV的尺寸和位置。

摘要由CSDN通过智能技术生成

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>测试DIV页面</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    
    <style type="text/css" src ="css/testDIV.css"></style>
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="testjs/testDIV.js"></script>

</head>
<

最低0.47元/天解锁文章

njzyt

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
将屏幕分为4个DIV 点击某一个div时全屏显示

<br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><br /><html><br /> <head><br /> <title>测试DIV页面</title><br /> <br /> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><br /> <meta http-equiv="desc
复制链接

扫一扫