大学生动漫网页设计模板 机动战士高达静态网页制作成品下载 HTML漫画网页作业带JS轮播图

应用知识点

DIV CSS布局、网页背景图、JS图片轮播、在线视频

作品介绍

机动战士高达动漫网页使用DIV CSS布局制作,作品为单页1个页面,内容方面包括:机动战士高达动漫的文字及视频介绍、动漫作者高达之父介绍以及机动战士高达的一些壁纸图片。
技术及样式方面,网页整体宽度1200PX,使用CSS设置了与选题相符的 酷炫网页背景图片,使用JS制作了顶部图片轮播,使用VIDEO标签插入了视频,作品完整,代码简单。

首页部分代码

<div class="right">
		<p>
		机动战士高达自1979年登场以来,已成为日本动画作品中最著名、最经久不衰、最庞大、也是盈利最高的系列之一。
		</p>	
	</div>
	<div class="title"><i></i>高达之父</div>
	<div class="left">
		<img src="images/tua.jpg" width="350px">
	</div>
	<div class="right">
		<p>
		富野由悠季(1941年11月5日-),为日本的动画监督、作词家、小说家。
		<br>
		出生于日本神奈川县小田原市,日本大学艺术学部映画学科毕业。
		</p>	
	</div>
	<div class="title"><i></i>精美壁纸</div>
	<div class="list">
		<ul >
		 <li><img src="images/pica.jpg" /></li>
		 <li><img src="images/picb.jpg" /></li>
		 <li><img src="images/picc.jpg" /></li>
		 <li style="margin-right:0px;"><img src="images/picd.jpg" /></li>
		 </ul>
	</div>

页面最终效果

动漫网页设计

网页源地址

stu-works.com/html/dongman/339.html

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

STU网页设计

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

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

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

打赏作者

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

抵扣说明:

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

余额充值