介绍 CSS是什么意思 & lt; body>
& lt;才能div id=癰ox"在随机点名& lt;/div>
& lt;才能span id=皊pan"在开始& lt;/span>
& lt;/body> & lt; style>
# box {才能
,,,宽度:,30%;
,,,身高:,200 px;
background - color,,,:, rgb (233,, 248,, 214);
边境:,,,,1 px solid rgb (130,, 216,, 18);
,,,字体大小:,40像素;
,,,粗细:,600;
,,,字体类型:,Arial,, Helvetica,,无衬线;
,,,行高:,200 px;
,,,text-align:,中心;
,,,保证金:,25 px 汽车;
,,,这个特性:,10 px;
,,}
span {才能
,,,显示:,块;
,,,宽度:,30%;
,,,身高:,44 px;
,,,行高:,44 px;
background - color,,,:, rgb (6, 158,, 64);
,,,这个特性:,10 px;
,,,颜色:,# fff;
,,,text-align:,中心;
,,,保证金:,0,汽车;
,,,字体大小:,18 px;
,,,字体类型:,华文细黑;
,,}
跨度:hover {才能
background - color,,,:, rgb (4,, 190,, 76);
,,}
& lt;/style> & lt; script>
var 才能;arr =,(“西施“,,“马超“,,“曜,,,“云中君,,,“瑶”,,“猪八戒”,,“嫦娥”,,“伽罗,,,“盾山“,,“司马懿,,,“孙策”,,“元歌,,,“米莱狄”,,“狂铁,,,“弈星“,,“裴擒虎“,
,,,“杨玉环,,,“公孙离“,,“明世隐”,,“女娲”,,“梦奇”,,“苏烈”,,“百里玄策”,,“百里守约“,,“铠”,,“鬼谷子“,,“干将莫邪”,,“东皇太一,,,“大乔”,,“黄忠”,,“诸葛亮“,
,,,“哪吒“,,“太乙真人“,,“蔡文姬”,,“雅典娜,,,“杨戬,,,“成吉思汗,,,“钟馗,,,“虞姬”,,“李元芳,,,“张飞,,,“刘备“,,“后羿,,,“牛魔”,,“孙悟空”,,“亚瑟,,,“橘右京“,
,,,“娜可露露“,,“不知火舞“,,“张良“,,“花木兰”,,“兰陵王,,,“王昭君”,,“韩信“,,“刘邦”,,“姜子牙“,,”露娜,,,“程咬金”,,“安琪拉,,,“貂蝉”,,“关羽“,,“老夫子“,
,,,“武则天“,,“项羽“,,“达摩”,,“狄仁杰“,,“马可波罗,,,“李白,,,“宫本武藏”,,“典韦,,,“曹操,,,“甄姬”,,“夏侯惇“,,“周瑜“,,“吕布,,,“芈月”,,“白起“,,“扁鹊”,
,,,“孙膑,,,“钟无艳,,,“阿轲,,,“高渐离,,,“刘禅”,,“庄周”,,“鲁班七号“,,“孙尚香”,,“嬴政”,,“妲己”,,“墨子“,,“赵云“,,“小乔“,,“廉颇“;
,,)
var 才能;box =, . getelementbyid (“box");
var 才能;span =, . getelementbyid (“span");//获取元素
var 才能;state =, 0;//定义状态,开始和结束
var 才能;t;
时间=span.onclick 才能;function (), {
,,,if (state ==, 0), {
,,,,,//如果是0即开始随机,变为1时结束,不是0时执行
,,,,,clearInterval (t);
,,,,,t =, setInterval (function (), {
,,,,,,,//,console.log (1);
,,,,,,,var sj =, Math.round (math . random (), *, (arr.length 作用;1));
,,,,,,,console.log (arr (sj));
null
null
null
null
null
null
null
null
null
null
null
这篇文章主要为大家展示了JS + CSS实现随机点名的方法,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“JS + CSS实现随机点名的方法”这篇文章吧。
CSS是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设计网页的样式,使网页更加美化。它也是一种定义样式结构如字体,颜色,位置等的语言,并且CSS样式可以直接存储于HTML网页或者单独的样式单文件中,而样式规则的优先级由CSS根据这个层次结构决定,从而实现级联效果,发展至今,CSS不仅能装饰网页,也可以配合各种脚本对于网页进行格式化。
<强> HTML代码结构
<强> CSS代码结构
JS代码结构
