jquery onLine.js实现canvas可回退后悔连线答题效果代码

代码语言:html

所属分类:拖放

代码描述:jquery onLine.js实现canvas可回退后悔连线答题效果代码

代码标签: jquery onLine.js canvas 回退 后悔 连线 答题

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
  <style>
      /* CSS reset */
* { margin: 0; padding: 0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
html ,body	{height: 100%;   font-size: 14px;	line-height: 1.6em; 	}
body,input, a,input,button,select,textarea{ color: #333; font-family:"Microsoft Yahei";} 
body{word-wrap:break-word; color: #333; }
table { border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal;}
ol,ul { list-style:none;}
caption,th { text-align:left;}
img	{ border: none; vertical-align:top; }
a { text-decoration:none;   }
article, aside, dialog, figure, footer, header, legend, nav ,figcaption, section { display:block; }
input { outline: none;	 color: #666;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb; } 
input:-moz-placeholder, textarea:-moz-placeholder { color: #bbb; } 
input::-moz-placeholder, textarea::-moz-placeholder { color: #bbb;} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bbb; } 
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px white inset;}
input,button,select,textarea{outline:none;}
/* text */
.f8  { font-size:8px; }
.f10 { font-size:10px;}
.f12 { font-size:12px;}
.f13 { font-size:13px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f20 { font-size:20px;}
.f22 { font-size:22px;}
.f24 { font-size:24px;}
.f26 { font-size:26px;}
.f28 { font-size:28px;}
.f30 { font-size:30px;}
.f32 { font-size:32px;}
.f34 { font-size:34px;}
.f36 { font-size:36px;}
.fb  { font-weight:bold;}
.fn  { font-weight:normal;}
.co-f{ color: #fff;}
.co-f9{ color: #f9f9f9;}
.co-f6{ color: #f6f6f6;}
.co-f3{ color: #f3f3f3;}
.co-ef{ color: #efefef;}
.co-c { color: #ccc; }
.co-9 { color: #999; }
.co-6 { color: #666; }
.co-3 { color: #333; }
.co-0 { color: #000; }
/*文本*/
.tl, .subtl > * { text-align:left; }
.tc, .subtc > * { text-align:center; }
.tr, .subtr > * { text-align:right; }
.t2  { text-indent:2em;}
.textOver{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
/* 显示 */
.disNone, [class].disNone { display: none; }
.disBlock, [class].disBlock{ display: block; }
.disInBlock, .subInBlock > *  { display: inline-block; }
.disTab { display: table; }
.disTab > * { dis.........完整代码请登录后点击上方下载按钮下载查看

网友评论0