小A是大四的学生,还有半年就要毕业了,就要跟她暗恋了三年的女神分开了。马上就是女神的生日,他想送给女神一个礼物,能让女神开心并记住他的特别礼物。他想到了电子相册,一个漂亮的网页版电子相册,因为他可以从班级网上找到女神的靓照。上一次制作的网页,女神收到礼物后跟小A说她很开心,小A也非常高兴,觉得还应该在网页上增加一些小细节,来让女神感受到自己的心意。

1.加一个播放时的数字倒计时,倒计时完了还有下一张,时间永远都用不完。

2.倒计时做成百分比进度条的样式,可以是彩色的,女神一定会喜欢的。

1.加一个播放时的数字倒计时,倒计时完了还有下一张,时间永远都用不完。

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>数字倒计时</title>

<style type="text/css">

.wrap {

width: 500px;

height: 500px;

position: absolute;

top: 0;

left: 0;

right: 0;

bottom: 0;

margin: auto;

}

.wrap img {

width: 100%;

}

.head {

text-align: center;

color: skyblue;

font-size: 36px;

}

</style>

</head>

<body>

<div class="head">10</div>

<div class="wrap">

<img src="./bbb_img/img_1.jpg" alt="">

</div>

</body>

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>

<script type="text/javascript">

//找到商品列表以及时间显示span

var starttime = 10;

function Nr(min, max) { // min最小值,max最大值

return Math.round(Math.random() * (max - min)) + min;

}

// 定时器函数

var timer = setInterval(function () {

starttime--;

$(".head").html(starttime);

if (starttime == 0) {

starttime = 10;

$(".wrap img").attr("src", "./bbb_img/img_" + Nr(1, 5) + ".jpg")

// clearInterval(timer)

}

}, 1000); // 设定执行或延时时间

</script>

</html>

2. 倒计时做成百分比进度条的样式,可以是彩色的,女神一定会喜欢的。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>百分比进度条</title>

<style>

.progressbar {

width: 50%;

margin-top: 5px;

position: relative;

background-image: linear-gradient(-90deg, #182746, yellow);

border-radius: 6px !important;

box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .1);

margin-top: 5px;

color: white;

}

.wrap {

width: 500px;

height: 500px;

position: absolute;

top: 0;

left: 0;

right: 0;

bottom: 0;

margin: auto;

}

.wrap img {

width: 100%;

}

</style>

</head>

<body>

<div id="ProgressBarID">

<div class="progressbar">

</div>

</div>

<div class="wrap">

<img src="./bbb_img/img_1.jpg" alt="">

</div>

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>

<script type="text/javascript">

var starttime = 10;

function Nr(min, max) { // min最小值,max最大值

return Math.round(Math.random() * (max - min)) + min;

}

var progressId = "ProgressBarID";

function setProgressBar(progress) {

if (progress) {

$("#" + progressId + " > div").css("width", String(progress) + "%");

$("#" + progressId + " > div").html(String(progress) + "%");

}

}

var i_ProgressBar = 0;

function doProgressBarLoading() {

if (i_ProgressBar > 100) {

// alert("加载完毕?!!");

// return;

i_ProgressBar = 0;

$(".wrap img").attr("src", "./bbb_img/img_" + Nr(1, 5) + ".jpg")

}

if (i_ProgressBar <= 100) {

setTimeout("doProgressBarLoading()", 100);

setProgressBar(i_ProgressBar);

i_ProgressBar++;

}

}

function setProgressBarCss() {

$("#" + progressId + "").css({ "width": "300px", "height": "25px" });

$("#" + progressId + " > div").css({ "height": "25px", "background-color": "#e0e0e0", "text-align": "center" });

}

$(document).ready(function () {

setProgressBarCss();

doProgressBarLoading();

});

</script>

都市上空的星星恒星就是类似太阳一类大的天体,其本身内部会发生反应,并将能量以光的

  1. ,像哈雷彗星之类,我们看到的光是它在经过太阳系时,其材料被溶化掉的彗尾造成的现象,所看到的彗星往往拖着长尾巴。夜晚能看到的星星大部分的是恒星,有几颗是我们太阳系的行星,例如:金星、水星、火星。恒星的发光原理与我们的太阳相类似,大部分是氢聚变成氦核的过程释放能量,还有一部分是氦聚变释放能量。只是因为他们离我们很远才看起来是颗温柔的小星星,其实他们比太阳都大得多。而行星是因为反射太阳的光才看起来亮的,只不过是沾了离我们近的光,看起来好像比恒星们都亮。

在天空中看起来和月亮一样大的太阳,它的直径是139.2万公里,体积约是地球的130万倍 [2]  。说巧,太阳的直径是月亮的400来倍,但它到地球的距离也比月亮远了大约400来倍,所以看上去大小就差不多了。

作为一颗卫星,月亮在太阳系已发现的66颗卫星中算是大个头的了。比月亮还大的卫星只有四五颗,其中直径最大的木卫三,直径为5200多公里。其它的大都只有几十到几百公里。

地球作为一颗行星,其大小在八大行星中排行第五,算是个中等个子。最大的木星体积是地球的1300倍,最亮的金星和地球大小差不多,红色的火星体积则只及地球的八分之一多。

行星和卫星,比起太阳系的家长――太阳来说,确实是一些小不点,就像芝麻和西瓜。太阳在太阳系里真可谓唯我独尊。然而,光耀无比的太阳同满天看起来只有针尖大小的恒星比起来,就要黯然失色――它只是亿万颗恒星中很普通的一颗,只能算是中等大小。位于天蝎座的心宿二,直径是太阳的600倍,猎户座的参宿四,半径是太阳的900倍。仙王座有一颗星更大,半径是太阳的1600倍,达11亿公里,如果把它放到太阳的位置上,连木星也要处于它体内。不过它们大都是处于演化较晚阶段的红巨星,密度都极小。

当然也有一些恒星的体积要远比太阳小。处于恒星演化末期的白矮星,体积比地球还小,直径从几百公里到几千公里。最小的恒星――中子星,直径居然只有10公里。可别小瞧了这两类小恒星,它们虽然小,但质量却很大,一般都和太阳相当。因而它们

都市上空的

小A是大四的学生,还有半年就要毕业了相关推荐

  1. 大学本科计算机考试小抄,大学考试允许带小抄 一页开卷学生抄到手酸

    原标题:大学考试允许带"小抄" "一页开卷"学生抄到手酸 近日,浙江工业大学的"一页开卷"考试模式火了,这是一种"半开卷" ...

  2. HTML期末大作业~ 小黄车ofo环保 ~学生网页设计作业源码(HTML+CSS)

    HTML期末大作业~ 小黄车ofo环保 ~学生网页设计作业源码(HTML+CSS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多 ...

  3. Fascinating sort c语言 小悦是个聪明学生,给一个长度为N

    [Description] 小悦是个聪明学生,每堂课都积极的听讲.这一次,老师给出了个难题,给一个长度为N(3<=N<=1000)的序列a,序列个元素0<ai<10000000 ...

  4. 影碟管理系统c语言小学期,大连东软小学期C语言项目学生成绩管理系统代码.docx...

    大连东软小学期C语言项目学生成绩管理系统代码 /*链表版学生成绩管理系统的main函数与链表构建模块的代码*/#include #include #include struct STUDENT{ ch ...

  5. 学计算机得学多久出来怎么办,我学的是计算机,但是,我觉得在工作中用的很少,觉得上学白上了,现在还有半年就毕业了,怎么办呢,求助...

    技校网专门为您推荐的类似问题答案 问题1: 我还有半年技校就毕业了在大连能有什么好工作 一是与你们学校有固定招工关系的单位,二是开发区.金州,听说有一些做模具的,如果你学的好在小企业可以搞技术,学的不 ...

  6. 杭电一学生还没毕业年薪已过百万,带十几人的研发团队!

    点击上方"码农突围",马上关注 这里是码农充电第一站,回复"666",获取一份专属大礼包 真爱,请设置"星标"或点个"在看&quo ...

  7. 杭电一学生还没毕业年薪已过百万,带十几人的研发团队

    本文转自公众号CSDN(ID:CSDNnews) 整理 | 于轩 近日,杭州电子科技大学出了"王炸班"的消息冲上热搜,相关话题#杭电一学生还没毕业年薪已过百万#.#学霸班六成考研上 ...

  8. 大四阶段的社会实践的主要目的是_疫情当前,大三大四的学生“很惨”?大一大二的学生也别松懈...

    大四毕业生不容易 这次疫情对于高校学生而言,可以说是各有各的难处,"这届毕业生很惨"更是屡上热搜.不可否认,大四毕业生确实很不容易,论文答辩.毕业.求职就业等都受到了影响,虽然有困 ...

  9. 最新微信小程序选题推荐-高校学生事务考试通知管理系统SSM-JAVA【数据库设计、论文、源码、开题报告】

    摘要 随着信息技术在管理上越来越深入而广泛的应用,管理信息系统的实施在技术上已逐步成熟.本文介绍了微信小程序高校学生事务管理系统的开发全过程.通过分析微信小程序高校学生事务管理系统管理的不足,创建了一 ...

最新文章

  1. Linux 环境下如何安装部署 RocketMQ 教程
  2. Leangoo看板标签的用法(scrum敏捷开发)
  3. HBase单机环境搭建
  4. 开始学习python
  5. 双链集合添加删除算法
  6. 2017西安交大ACM小学期数据结构 [树状数组]
  7. python读取excel写入mysql pandas_python pandas 读取文件 写入文件excel
  8. 【2022】JVM常见面试真题详解
  9. DVWA sql注入 WP
  10. Redis研究-3.7 有序集合中范围以及数学集合运算
  11. Java5线程并发库之同步集合
  12. 97 个 Linux 常用命令大全
  13. sql server 2000数据库 最近经常出现某进程一直占用资源,阻塞?死锁?
  14. Linux学习新篇章C高级:day1
  15. stm32f103r8t6的晶振频率_STM32F103R8T6
  16. 利用scrapy爬取东方资讯的新闻
  17. 分享75个PHP源码,总有一款适合您
  18. 企业微信怎么分享名片给用户?如何统计名片添加好友的效果?
  19. 分布式、集群概念汇总(二)
  20. 不属于计算机主机部件的是,电脑考试考查选择题有答案 2

热门文章

  1. 关于心跳ajax请求pending状态(被挂起),stalled时间过长的问题。涉及tcp连接异常。
  2. Mybatis--SqlSession对象创建过程
  3. uint8_t / uint16_t / uint32_t /uint64_t 数据类型集中网上的解释
  4. 嵌入式基础接口-PWM
  5. linux内核mtd分区,linux内核MTD分区
  6. oracle escape关键字用法
  7. 从安卓巴士到CocoaChina,曾经的顶级流量王者,如今的落寞与淡去
  8. 微信公众号外部登录与授权,保存登录信息问题记录
  9. 单纯形法(simplex algorithm)
  10. android 键盘隐藏监听,安卓监听软键盘弹出与隐藏的两种方法