毕业一周年随想

时光如梭,光阴似箭,转眼间我也毕业一年了,一年的时光,会改变很多东西,刚刚离校的时候,我想我终于离开这个破学校了,呵呵^_^但是现在我却非常想念她了,有人说:时间可以改变一切。去年今日.人去楼空.昔日的人物.各为其主.去年今日,我独自把大学的一些照片,一些日记放在水盆里,点上了火.青烟缕起.片刻成为黑色的灰烬.......去年今日.送走我觉得我应该送的同学.我离开了.去年今日,告别了校园.背上行李.我闯起了世界......

    忘不了.第一次喜欢上一个mm的感觉...

    忘不了.一门课程考试挂了的心理历程....

    忘不了.失恋后的落魄.写下一段相思....

    忘不了.有段很颓废的日子..

    忘不了.第一次背着父母买手机的事.父母说我的过程...

    忘不了.第一次赚钱的拿工资的快乐...

    忘不了.200341哥哥离开的日子....

    忘不了.自己真的相信这个世界有同性恋的日子..

    忘不了.从2003年以后努力学习的过程.....

    忘不了.第一次感到前途茫然的夜晚....

    忘不了.很多人,很多事.....

    忘不了.多少的忘不了......

    我的大学.我的梦......当梦醒后......一些随风而逝......

 
根据您的需求,下面是一个简单的“代码随想录”页面的 HTML 模板。这个模板实现了基本的结构,包括左侧目录和右侧内容区域。点击左侧的一级目录时,会显示其下的二级目录;点击二级目录时,会在右侧显示对应的内容(实际内容未提供,仅作为示例): ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>代码随想录</title> <style> body { font-family: Arial, sans-serif; display: flex; margin: 0; padding: 0; } .sidebar { width: 20%; background-color: #f4f4f4; padding: 20px; } .content { width: 80%; padding: 20px; } .menu-item { cursor: pointer; padding: 10px; border-bottom: 1px solid #ddd; } .sub-menu { list-style-type: none; padding-left: 20px; display: none; } .sub-menu li { padding: 5px 0; } .active { display: block; } </style> </head> <body> <div class="sidebar"> <div class="menu-item" onclick="toggleSubMenu(this)">数组</div> <ul class="sub-menu" style="display: none;"> <li><a href="#array-theory">数组理论基础</a></li> <li><a href="#binary-search">二分查找</a></li> <li><a href="#move-elements">移除元素</a></li> </ul> <div class="menu-item" onclick="toggleSubMenu(this)">链表</div> <ul class="sub-menu" style="display: none;"> <li><a href="#linked-list-intro">链表介绍</a></li> <!-- 更多链表子项 --> </ul> <!-- 其他目录项 --> </div> <div class="content"> <div id="array-theory"> <h2>数组理论基础</h2> <p>这里是关于数组理论基础的内容。</p> </div> <div id="binary-search"> <h2>二分查找</h2> <p>这里是关于二分查找的内容。</p> </div> <div id="move-elements"> <h2>移除元素</h2> <p>这里是关于移除元素的内容。</p> </div> <div id="linked-list-intro"> <h2>链表介绍</h2> <p>这里是关于链表介绍的内容。</p> </div> </div> <script> function toggleSubMenu(element) { const subMenu = element.nextElementSibling; if (subMenu.style.display === "none") { subMenu.style.display = "block"; } else { subMenu.style.display = "none"; } } // 自动滚动到锚点位置 window.addEventListener('hashchange', function() { document.querySelector(window.location.hash).scrollIntoView(); }); // 页面加载时处理初始锚点 window.onload = function() { if (window.location.hash) { document.querySelector(window.location.hash).scrollIntoView(); } }; </script> </body> </html> ``` ### 功能说明: 1. **左侧目录**:包含多个一级目录项,点击一级目录项时会展开其下的二级目录。 2. **右侧内容区域**:根据点击的二级目录项,在右侧显示相应的内容。 3. **自动滚动**:当 URL 带有锚点时,页面会自动滚动到相应的部分。 您可以根据需要扩展更多的目录项和内容。希望这个模板对您有所帮助!
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值