飘泊的打工者

 
古人云:“留在异乡为异客,每逢佳节倍思亲。”现代人很明显已远远超越了这种境界,古人讲的“乍、义、孝、德”被现代人运用的淋漓尽致,我是越来越感觉不到这些词到底怎样正确理解了!
正所谓:“时势造英雄”。我们这一代人啊,正经历着祖国的改革开放获的丰硕成果正加强和转型的时候,可以这样讲历史赋予我们的责任是很坚巨的。当然这是宠观角度来讲啦!但是做为一名普普通通的公民,一名飘泊异乡的打工者,我却有万分的愁怅:上不能敬养父母,下无力关照兄弟,左不及养家糊口,右不可善代自己。人生也几许奋斗,无奈已三十有余矣,但落如此萧条,真人生的大悲哀啊!
人生在世,几许欢乐,几许愁!既来之则安之,既然我现在是一名飘泊异乡的打工者,就要积极调整自己的心态,用最少的悔恨面对过去,用最少的浪费面对现在,用最多的梦想面对未来。君不见人生在世有几搏,今日不搏何时搏。
                     2007-6-1 深圳
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
<!DOCTYPE html> <html> <hand> <style> .out{ width: 1460px; height: 750px; border:1px solid #BFBFBF; margin: 20px auto; box-shadow:0px 0px 10px 5px #8e8c8c; } h1{ color:black; text-align: center; font-family: "字魂4086号-雅宋漂泊体"; font-size: 75px; } .slideshow-container { max-width: 1000px; position: relative; margin: auto; } .mySlides { display: none; } .prev,.next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } .next { right: 0; border-radius: 3px 0 0 3px; } .prev:hover,.next:hover { background-color: rgba(0, 0, 0, 0.8); } .fade { animation-name: fade; animation-duration: 1.5s; } @keyframes fade { from { opacity: 0.4; } to { opacity: 1; } } </style> <script> var slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides((slideIndex += n)); } function currentSlide(n) { showSlides((slideIndex = n)); } function showSlides(n) { var i; var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("dot"); if (n > slides.length) { slideIndex = 1; } if (n < 1) { slideIndex = slides.length; } for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } slides[slideIndex - 1].style.display = "block"; dots[slideIndex - 1].className += " active"; } </script> </hand> <body> <div class="out"> <h1>甘肃美食介绍</h1> <div class="slideshow-container"> <div class="mySlides fade"> <img src="1.jpg" style="width:100%"> </div> <div class="mySlides fade"> <img src="2.jpg" style="width:100%"> </div> <div class="mySlides fade"> <img src="3.jpg" style="width:100%"> </div> <div class="mySlides fade"> <img src="4.jpg" style="width:100%"> </div> <div class="mySlides fade"> <img src="5.jpg" style="width:100%"> </div> <div class="mySlides fade"> <img src="6.jpg" style="width:100%"> </div> <a class="prev" onclick="plusSlides(-1)">❮</a> <a class="next" onclick="plusSlides(1)">❯</a> </div> </div> </body> </html>这段代码为什么运行的时候没有轮播图?哪里有问题,正确的代码是怎样的?
06-08
这段代码没有轮播图是因为没有添加小圆点导航,可以在每个轮播图下面添加一个小圆点,用于导航。代码有几个问题: 1. `<hand>` 标签不是有效的 HTML 标签,应该改成 `<head>`。 2. 在 CSS 样式中,`hand` 应该改成 `head`。 3. 在 HTML 中,应该添加小圆点导航。可以在 `<div class="slideshow-container">` 下面添加一个 `<div class="dots">`,然后在 JavaScript 中添加代码生成小圆点。 4. 在 JavaScript 中,`slideIndex` 变量应该初始化为 0,因为数组下标从 0 开始。同时,在 `showSlides` 函数中,应该把 `slideIndex - 1` 改为 `slideIndex`。 修改后的代码如下所示: ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>甘肃美食介绍</title> <style> .out { width: 1460px; height: 750px; border: 1px solid #BFBFBF; margin: 20px auto; box-shadow: 0px 0px 10px 5px #8e8c8c; } h1 { color: black; text-align: center; font-family: "字魂4086号-雅宋漂泊体"; font-size: 75px; } .slideshow-container { max-width: 1000px; position: relative; margin: auto; } .mySlides { display: none; } .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } .next { right: 0; border-radius: 3px 0 0 3px; } .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); } .fade { animation-name: fade; animation-duration: 1.5s; } @keyframes fade { from { opacity: 0.4; } to { opacity: 1; } } .dots { text-align: center; } .dot { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background-color: #bbb; border-radius: 50%; cursor: pointer; } .active, .dot:hover { background-color: #717171; } </style> <script> var slideIndex = 0; showSlides(); function showSlides() { var i; var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("dot"); for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } slideIndex++; if (slideIndex > slides.length) { slideIndex = 1; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } slides[slideIndex - 1].style.display = "block"; dots[slideIndex - 1].className += " active"; setTimeout(showSlides, 3000); // 切换时间间隔为 3 秒 } function plusSlides(n) { showSlides((slideIndex += n)); } function currentSlide(n) { showSlides((slideIndex = n)); } </script> </head> <body> <div class="out"> <h1>甘肃美食介绍</h1> <div class="slideshow-container"> <div class="mySlides fade"> <img src="1.jpg" style="width:100%"> </div> <div class="mySlides fade"> <img src="2.jpg" style="width:100%"> </div> <div class="mySlides fade"> <img src="3.jpg" style="width:100%"> </div> <div class="mySlides fade"> <img src="4.jpg" style="width:100%"> </div> <div class="mySlides fade"> <img src="5.jpg" style="width:100%"> </div> <div class="mySlides fade"> <img src="6.jpg" style="width:100%"> </div> <a class="prev" onclick="plusSlides(-1)">❮</a> <a class="next" onclick="plusSlides(1)">❯</a> </div> <br> <div class="dots"> <span class="dot" onclick="currentSlide(1)"></span> <span class="dot" onclick="currentSlide(2)"></span> <span class="dot" onclick="currentSlide(3)"></span> <span class="dot" onclick="currentSlide(4)"></span> <span class="dot" onclick="currentSlide(5)"></span> <span class="dot" onclick="currentSlide(6)"></span> </div> </div> </body> </html> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值