梦幻西游html简易代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>梦幻西游</title><style>*{margin: 0px;padding: 0px;}html,body{height: 100%;}div.bg{height: 100%;background-image: url('./images/background.jpg');animation-name: bg;animation-duration: 30s;animation-iteration-count: infinite;animation-timing-function: linear;}div.content{width: 1000px;height: 180px;/* border: 1px solid red; *//* div浮div起来(上) */position: absolute;left: 150px;bottom: 100px;}div.content li{width: 200px;height: 180px;list-style: none;margin-right: 50px;/* 人物与人物之间的距离 */float: left;/* 一行中展示 */overflow: hidden;}div.content li div{width: 1600px;height: 180px;/* background-color: royalblue; */animation-name: roles;animation-duration: 1s;animation-iteration-count: infinite;animation-timing-function: steps(8);}div.content li div img{width: 1600px;height: 180px;}@keyframes roles{from{margin-left: 0px;}to{margin-left: -1600px;}}@keyframes bg{from{margin-left: -2000px;}to{margin-left: 0px;}}</style>
</head>
<body><div class="bg"></div><div class="content"><ul><li><div><img src="./images/wk.png" alt=""></div></li><li><div><img src="./images/bj.png" alt=""></div></li><li><div><img src="./images/tc.png" alt=""></div></li><li><div><img src="./images/ss.png" alt=""></div></li></ul></div>
</body>
</html>

梦幻西游html简易代码相关推荐

html游戏代码_新手使用的Mac系统的简易代码编辑器推荐
简易代码编辑器是一种小型的编辑软件,它们不像那些专业的编程软件,需要占用极大的空间,简单方便是它们共同的优点.但是相对的,它们的一些功能会被舍弃,无法一些复杂的编程设计.这些代码编辑器最适合用来进行一 ...
用简易代码快速学习Python（八）
本学习系列介绍: 本学习系列主要针对对编程略有了解或有其他语言基础并要进一步学习Python的同学,通过简易的代码快速入门掌握Python语言. 系列总目录: 用简易代码快速学习Python(一) 用 ...
简易代码实现预设账号（卡密）登录页面的验证
学完以下内容,你就可以实现一个静态登录验证功能啦简易代码实现预设卡密登录页面的验证提示:以下是本篇文章正文内容,下面案例可供参考一.html中设计Login登录文本框代码如下: <cen ...
七夕的简易代码表白合集
一个小小的提问? 今天是2022年的8月2日,距离七夕只剩下俩天.作为程序员群体中的一员,你们准备好了吗? 话题: 每个人在人生的旅途中总会被在不经意间贴上了特定的标签.医生:救死扶伤:警察:英勇无畏 ...
运行c++代码的软件_C语言入门干货：多种系统的C环境设置和简易代码运行
C 环境设置本地环境设置如果您想要设置 C 语言环境,您需要确保电脑上有以下两款可用的软件,文本编辑器和 C 编译器. 文本编辑器这将用于输入您的程序.文本编辑器包括 Windows Notep ...
python 随机名言_如何用简易代码自动生成经典语录
"不要空想不可能的事情" "增加自己的幸福感" "我们最终将创造地面,并呵护它" "保持希望并学会放弃奇迹" 上面所有引 ...
2048游戏c语言linux简易代码,C语言实现2048游戏代码
本文实例为大家分享了C语言实现2048游戏具体代码,供大家参考,具体内容如下效果图: 使用文本界面的屏幕绘图库 ncurses. 设计思路: 在满足条件情况下消除方块允许在游戏主界面(16 宫格) ...
地铁 java_“地铁系统”简易代码
package aa; import java.util.ArrayList; import java.util.List; import java.util.Scanner; public clas ...
“返回顶部”的简易代码及设计理念
1.介绍及思路分析: 在很多公司的网站中,鼠标滚动一定高度(以150px为例)之后,会出现"返回顶部"的标签. "返回顶部"标签被固定到窗口的指定位置,位置始终 ...

梦幻西游html简易代码

梦幻西游html简易代码相关推荐

最新文章

热门文章