！声明文档类型

html lang='zh '

头

meta charset='UTF-8 '

meta http-equiv=' X-UA-Compatible ' content=' IE=edge，chrome=1 '

meta name=' viewport ' content=' user-scalable=no，width=device-width，initial-scale=1，max-scale=1 '

meta name=' apple-mobile-web-app-ability ' content=' yes '

meta name=' apple-mobile-web-app-status-bar-style ' content=' default '

meta name=' ms application-tap-highlight ' content=' no '

titlehtml5制作剪刀石头布效果/title

元名称='关键字'内容=' html5制作剪刀石头布效果' /

元名称='描述'内容=' html5制作剪刀石头布效果' /

链接rel='样式表预取href=' https://cdnjs。cloudflare。com/Ajax/libs/font-awesome/4。6 .3/CSS/font-牛逼。量滴' CSS '

链接rel='样式表type=' text/CSS ' href=' CSS/normalize。CSS '/

链接rel='样式表type=' text/CSS ' href=' CSS/htmleaf-demo。' CSS '

链接rel='样式表href='css/style.css '

/head

body ng-app=' app ' ng-controller=' ctrl '

main class=' column ' style=' background-image : { { b } } '

文章类别='列'

div class=' flip-container ' ng-class=' { ' flip-me ' :应答} '

div class='flipper '

div class='front '

' div class='芯片“bg-light”

span class=' fa fa-hand-Spock-o fa-fw ghost '/span

/div

/div

div class='back '

' div class='芯片“bg-light”

span class=' fa fa-hand-{ { Splash ICon } }-o fa-fw '/span

/div

/div

/div

/div

' div class='答案行周围ng-class=' { ' ghost ' : Spock } '

' div class='列对齐-居中'

div class=' chip ' ng-class=' uiSetMoveClasses(' rock '，1)' ng-click='uiPlay('rock ')'

span class=' fa fa-hand-rock-o fa-fw fa-2x '/span

/div

/div

' div class='列对齐-居中'

div class=' chip ' ng-class=' uiSetMoveClasses(' paper '，2)' ng-click='uiPlay('paper ')'

span class=' fa fa-hand-paper-o fa-fw fa-2x '/span

/div

/div

' div class='列对齐-居中'

div class=' chip ' ng-class=' uisetmoveClasses '('剪刀，3)' ng-click='uiPlay '('剪刀')'

span class=' fa fa-hand-剪刀-o fa-fw fa-2x'/span

/div

/div

/div

页脚类='行周围'

差异

span class='ghost'Me/span

h1{{score.me}}/h1

/div

差异

span class='ghost'Spock/span

h1{{score.spock}}/h1

/div

/页脚

/article

div class=' message-wrap content { { answered } } ' ng-class=' { ' show ' : answered } '

' div class=' message row align-center ' ng-click=' uiplayRemote()' ' ng-class=' { ' BG-warning ' : Spock，' BG-info ' : winner==' tie '，' bg-success': winner=='me '，' bg-alert': winner=='spock'} '

div class=' text"{ message } }/div

div class='chip beacon-1 '

span class=' fa fa-3x fa-refresh '/span

/div

/div

/div

/main

脚本src=' https://cdnjs。cloudflare。com/Ajax/libs/angular。js/1。5 .5/有棱角。量滴js '/脚本

脚本src=' https://cdnjs。cloudflare。com/Ajax/libs/下划线。js/1。8 .3/下划线-min . js '/脚本

script src='js/main.js'/script

/body

/html