捐款捐血,以尽绵薄

    我们深情的热爱自己的国家和人民,看着祖国的日益强大,我们无比骄傲,看着MSN上的颗颗红心,我们深切的体会到了作为中国人的自豪。就当我们沉浸在圣火登顶珠峰的喜悦中时,我们的兄弟姐妹却在天灾面前承受了巨大的苦难,那扭曲的公路,垮塌的房屋,废墟中孩子的文具盒,被血渍侵红的课本,那止不住的泪水,那伤痕累累扒土的双手……太多太多了,每一个画面都直接冲击着我们的心灵,直接刻印在我们的脑海。生命对每个人都是公平的,因为每个人都有一次,生命对每个人又都是不公平的,因为每个人的生命长短不尽相同。还在健康生活的我们,面对着承受如此痛苦的同胞,相信每个人都有深切的感悟。中国是最伟大的国家,中国人民是最伟大的人民,让我们用自己的一点力量,汇聚成巨大的暖流,帮助灾区人民渡过难关,重建家园,让我们尽自己的绵薄之力,向世界展示中国人的团结力量,让历史记录中国!

    向逝者哀悼,向工作在第一线的抢险人员致敬!

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>人生已完成清单</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; font-family: "微软雅黑", sans-serif; } body { background-color: #f5f5f5; padding: 20px; } .container { max-width: 1000px; margin: 0 auto; background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1); } .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .header h1 { font-size: 24px; color: #333; } .progress { font-size: 14px; color: #666; } .tag-container { display: flex; flex-wrap: wrap; gap: 10px; } .tag { padding: 8px 12px; border-radius: 20px; background: #f0f0f0; cursor: pointer; transition: all 0.3s; font-size: 14px; } .tag.active { background: #ff8fb1; color: #fff; } .clear-btn { padding: 5px 10px; background: #eee; border: none; border-radius: 5px; cursor: pointer; font-size: 14px; } </style> </head> <body> <div class="container"> <div class="header"> <h1>人生已完成清单</h1> <div> <span class="progress" id="progress">已完成:0/50</span> <button class="clear-btn" onclick="clearSelected()">清空已选</button> </div> </div> <div class="tag-container" id="tagContainer"> <!-- 标签将通过JS动态生成 --> </div> </div> <script> // 清单数据 const tags = [ "送礼物", "被送礼物", "暗恋", "明恋", "失恋", "表白", "被表白", "留长发", "剪短发", "染发", "烫发", "化妆", "做美甲", "有过遗憾", "放下一个人", "爱而不得", "双向奔赴", "拒绝他人表白", "犯过傻", "表白被拒", "被渣", "装糊涂", "打架", "迟到", "旷课", "上课睡觉", "被叫家长", "喝酒", "纹身", "去清吧", "和朋友去KTV", "吵架", "绝交", "晚上一个人哭", "捐血", "住院", "会做饭", "做一桌菜", "做饭给家人" ]; // 渲染标签 const tagContainer = document.getElementById('tagContainer'); const progressEl = document.getElementById('progress'); let selectedCount = 0; // 初始化标签 tags.forEach(tag => { const tagEl = document.createElement('div'); tagEl.className = 'tag'; tagEl.textContent = tag; tagEl.onclick = () => toggleTag(tagEl); tagContainer.appendChild(tagEl); }); // 切换标签状态 function toggleTag(el) { el.classList.toggle('active'); selectedCount = document.querySelectorAll('.tag.active').length; progressEl.textContent = `已完成:${selectedCount}/${tags.length}`; } // 清空已选 function clearSelected() { document.querySelectorAll('.tag.active').forEach(el => { el.classList.remove('active'); }); selectedCount = 0; progressEl.textContent = `已完成:${selectedCount}/${tags.length}`; } </script> </body> </html>
最新发布
11-29
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

文斌

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值