模仿“选择游戏角色的页面”

最新推荐文章于 2022-09-18 15:54:54 发布

入门有点晚

最新推荐文章于 2022-09-18 15:54:54 发布

阅读量2.9k

点赞数 1

文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_45190226/article/details/121940341

版权

业务需求描述：
1.页面显示的文字和图片全部居中显示；
2.玩家可以选择两个角色中的一个，当选择一个角色的时候在页面中显示角色的图片，且当鼠标滑过角色图片的时候显示图片相关信息；
3.在角色图片下面显示角色说明；
业务代码：
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择自己的游戏角色</title>
    <script>
        let choosePersona = function(){
   
            let inputObj1 = document.getElementById("input1");
            let inputObj2 = document.getElementById("input2");
            let imageObj = document.getElementsByTagName("img")[0];
            //在img节点后面创建span节点，并将其添加到body后面
            let spanObj = document.createElement("span");
            //设置span样式
            spanObj.style.fontSize = "100%";
            spanObj.style.borderStyle = "solid";
            spanObj.style.borderWidth = "2px";
            spanObj.style.width = "20px";
            s

最低0.47元/天解锁文章

入门有点晚

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
模仿“选择游戏角色的页面”

业务需求描述：1.页面显示的文字和图片全部居中显示；2.玩家可以选择两个角色中的一个，当选择一个角色的时候在页面中显示角色的图片，且当鼠标滑过角色图片的时候显示图片相关信息；3.在角色图片下面显示角色说明；业务代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选择自己的游戏角色</title> <scr
复制链接

扫一扫