怎样用html中的javascript编写一个圣诞树

怎样用html中的javascript编写一个圣诞树,第1张

圣诞树啊,应该是考虑怎样画三角形吧,用border就可以了哈。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

<!DOCTYPE html>

<html>

<head>

<title></title>

<style type="text/css">

.ss{

height: 0

width: 0

position: absolute

border: 20px solid tan

border-color: transparent transparent #1fd224 transparent

}

.s1{

border-width:80px

top: 100px

left: 400px

}

.s2{

border-width:100px

top: 115px

left: 382px

}

.s3{

border-width:120px

top: 126px

left: 362px

}

.s4{

border-width:140px

top: 140px

left: 342px

}

.dd{

height: 130px

width: 40px

position: absolute

top: 420px

left: 460px

background-color: #1fd224

}

</style>

</head>

<body>

<div class="s1 ss"></div>

<div class="s2 ss"></div>

<div class="s3 ss"></div>

<div class="s4 ss"></div>

<div class="dd">

</div>

</body>

</html>

看着有点丑,楼主可以改变宽度高度以及颜色哈。最后希望采纳哈

VSCode或者Hbuilder软件。

根据酷库博客网资料显示,200行Html5+CSS3+JS代码可以实现动态圣诞树,推荐使用VSCode,在Hbuilder运行也是可行的。

代码就是程序员用开发工具所支持的语言写出来的源文件,是一组由字符、符号或信号码元以离散形式表示信息的明确的规则体系。

1、叶子摸上去很扎手,像老虎的爪子。因此,人们称它为“老虎树”。

2、这棵圣诞树美丽极了。树干上缠绕着很多五颜六色的小彩灯,像小星星一样,在翠绿的松叶间闪闪发光。树枝上挂着各种各样的装饰品。雪花飘落在树上,在彩灯的照耀下犹如梦幻一样。树顶上挂着一个装点着花边的心型,花边是由带着细雪的松叶编制成的。心型中间坐着圣诞老人,他穿着大红袍,戴着高高的红帽子,长着雪白的大胡子。在圣诞老人的两边各坐着一个天使,他们正拉着琴。我好象听到了童话般的音乐。圣诞树上还挂着两个金黄色的大铃铛和各种颜色的绣球、小灯笼、礼物包。

3、每年四月下旬,圣诞树上悄悄地开出了几朵淡黄色的下花。一阵微风吹来,清幽的香味飘满了全校。春天,它给我们挡住了沙沙下雨;夏天,它给我们遮住了火辣辣的太阳;秋天,它发出拉哗拉拉的笑声;冬天,它那绿色的头发变成了白色的头发。

4、不过我的圣诞树不是自然界生长的翠柏轻松;我的金糖果也不是圣诞老人特意点缀上去的果子。我的圣诞树是从学校小卖部里花5角钱买的一棵玩具树,它那五颜六色的“果子”,是在水中浸润数小时结出的、似雪花状的、五颜六色的结晶。

5、到了交易场,我们赶紧朝卖圣诞树的地方跑去,哇!五花八门的圣诞树展现在我们眼前:高的,矮的,绿的,金的。看得我们眼花缭乱,恨不能把每一棵都搬回我们教室去摆放。

6、圣诞树的种类繁多,有天然松柏圣诞树、也有人造圣诞树及白色圣诞树。每棵圣诞树上都挂满琳琅满目的装饰品,但每棵树的顶端必定有个特大的星星,象徵三博士跟随该星而找到耶稣,而且也只有该家庭的一家之主可以把这棵希望之星挂上。

7、我和妈妈先选了一棵圣诞树,它的个子比我还高呢!接着,我们开始精心挑选一些精美的小币件来装饰这棵圣诞树。我选了一颗漂亮的大五角星,外面是银白色的,里面是桃红色的,中间用金丝绣着英文“圣诞快乐”,看上去像在闪闪发光;我又选了一个金黄色的圈儿,它的下面有几片绿叶,绿叶的中间有两颗亮晶晶的小红果和一朵美丽的小红花。妈妈挑了一串鲜红的葡萄,上面有一个黄色的`蝴蝶结,晶亮的葡萄能映出我和妈妈的笑脸。我们还选了一个可爱的圣诞小雪人、火红的印花小扇、三片洁白的泡沫雪花片和一盒七彩闪灯。

8、另外圣诞树的顶上还挂着一颗亮晶晶的的星星。圣诞树顶上为什么要挂一颗星星呢?传说耶酥能给人类带来温暖,人们就把天上最亮的一颗星星看着为“耶酥”

9、我家有一棵圣诞树枝繁叶茂,深绿色的叶子上挂着许多小小的装饰品。有圣诞老人、小玲铛、小圆球和精致的礼品盒等等。圣诞树上还挂着许多五颜六色的彩灯。当它接通电源时就像许多彩色的星星在眨眼睛。

10、瞧!斑大的圣诞树上挂满了琳琅满目的装饰品,有一只只能发出动听音乐的小小铃铛,有一片片洁白的泡沫“雪花”,有一个个造型可爱的圣诞小雪人,还有一串串五彩缤纷的七彩闪灯。特别是那些大小不等的圣诞老人太可爱了,他们每个头上戴着红色的帽子,嘴角边挂着白色的长胡须。

11、远看,圣诞树像一顶绿色的王冠。远看,圣诞树的主赶很粗,要两个人才能抱起来。它的主干弯弯曲曲,宛如无数条蟒蛇绕在一起。树赶上有许多疤痕,像一个受伤的老兵。

12、接着还得装饰圣诞树,只见他们把一个个铃铛、雪人、星星一个个挂到树上,最后,又把通电的彩带缠上。这其中,他们不知经受了多少次尖刺的进攻,可为了我,都忍下了,想想他们为我做的一切,我,不禁流下了泪……

13、圣诞树的叶子一年四季都是绿色的,有淡绿的,还有深绿的。刚长出来的叶子是圆形的,接着长出尖刺。最后,叶子长出了六个角,墨绿墨绿的。

14、第二天一觉醒来,我马上去看圣诞树。哇!我大吃一惊,小小的树上开满了花。雪白的花中还有点点红花。在绿叶的衬托下非常美丽。我用嘴轻轻一吹,花还会微微摆动呢!为什么会这样呢?爸爸告诉我,可能是下面的液体慢慢地渗透过树枝。到达树叶,跟树尖的物质起了化学反应才变成了花。哦!真是奇妙。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6297486.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-20
下一篇 2023-03-20

发表评论

登录后才能评论

评论列表(0条)

保存