<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>拍照</title><style type="text/css">#camera{width:598px; height:525px;}#cam{width:100%; height:66px; display:block; position:absolute; top:0; left:0; cursor:pointer}#webcam{width:520px; height:370px; margin:66px auto 22px; line-height:360px; background:#ccc; color:#666; text-align:center}.button_pane{text-align:center;}.btn_blue,.btn_green{width:99px; height:38px; line-height:32px; margin:0 4px; border:none; display:inline-block; text-align:center; font-size:14px; color:#fff !important; text-shadow:1px 1px 1px #277c9b; background:url(images/buttons.png) no-repeat}.btn_green{background:url(images/buttons.png) no-repeat right top;text-shadow:1px 1px 1px #498917;}.hidden{display:none}#photos{width:80%; margin:40px auto}#photos:hover a{opacity:0.5}#photos a:hover{opacity:1}</style></head><body><div id="main" style="width:90%"> <div id="photos"></div> <div id="camera"> <div id="cam"></div> <div id="webcam"></div> <div id="buttons"> <div class="button_pane" id="shoot"> <a id="btn_shoot" href="" class="btn_blue">拍照</a> </div> <div class="button_pane hidden" id="upload"> <a id="btn_cancel" href="" class="btn_blue">取消</a> <a id="btn_upload" href="" class="btn_green">上传</a> </div> </div> </div> </div><script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/webcam.js"></script><script type="text/javascript" src="js/script.js"></script></body></html>
评论