游客
标题:TypeScript和jQuery做的一个简单的点灯小游戏分享
正文:
最近屌丝被迫学习TypeScript（不学就会被开除，5555），所以得先学JavaScript，这下可好，所有网页相关的东西都得要有所了解，否则没法忽悠BOSS。今天学了一小会JavaScript，这里先做了一个简单的点灯游戏，算是练手吧。其中用到了JQuery，否则事件绑定就会蛋疼了。做为JavaScript的Hello World，这个玩意就是下面这个东东。这里简单说一下实现方法。效果图：首先定义一个样式表，别忘了自定义的元素前都要加圆点，否则无效（菜鸟被这个玩意害了好多次啊）：
app.css
代码如下: body
{
font-family: 'Segoe UI', sans-serif;
}
span {
font-style: italic
}
.darkButton {
width:70px;
height:70px;
background-color:green;
}
.lightButton {
width:70px;
height:70px;
background-color:lightblue;
}
.return {
font-size:small;
}接下来实现整体布局吧，就是body标签中的东西，这个很简单，不多说了：代码如下: <body>
<h1>Turn all the light bulbs if you can!</h1>
Hello
<div id="option">
[<<][[1]][2][3][>>]
查看评论(0)
发表评论
首页