<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<link rel="Stylesheet" type="text/css" href="css/StyleSheet.css" />
<style type="text/css">
.show
{
background-color:#000000;
height:100%;
left:0;
position:absolute;
top:320px;
width:100%;
z-index:1000;
display:none;
}
</style>
</head>
<body id="body">
<div id="main">
<div id="top">
<ul><li><span><img src="img/x.gif" alt=""/></span></li><li><span><img src="img/k.gif" alt=""/></span></li><li><span><img src="img/-.gif" alt=""/></span></li></ul>
</div>
<div class="content1 bg">
<div class="left">
<div class="leftli1"><a href="index.html"><img src="img/fhsy.gif" alt="" border="0"/></a></div>
<div class="leftli2">
<ul>
<li class="listli1"><a href="wygl.htm"><img src="img/list11.gif" id="1" alt=""/></a></li>
<li class="listli2"><a href="news.htm"><img src="img/list2.gif" id="2" alt=""/></a></li>
<li class="listli2"><a href="bmxx.htm"><img src="img/list3.gif" id="3" alt=""/></a></li>
<li class="listli2"><a href="ptgg.htm"><img src="img/list4.gif" id="4" alt=""/></a></li>
<li class="listli2"><a href="ysyl.htm"><img src="img/list5.gif" id="5" alt=""/></a></li>
</ul>
</div>
</div>
<div class="right">
<div id="wygl">
<div class="wygldiv1">
<ul><li class="wyglli1">帐号：</li><li class="wyglli2"><img src="img/qq.gif" width="19" height="16" class="input" style=" vertical-align:-4px;height:20px;border-right:0px;" onclick="showkeyboard()"><input name="name" type="text" class="input" id="name" style="width:120px;height:18px;border-left:0px;" size="19" />
</li>
<li class="wyglli1">密码：</li><li class="wyglli2"><img src="img/qq.gif" width="19" height="16" class="input" style=" vertical-align:-5px;height:20px;border-right:0px;" onclick="showkeyboard1()"><input type="password" name="password" id="password" class="input" style="border-left:0px;width:120px;"></li><li class="wyglli1">验证码：</li><li class="wyglli2"><img src="img/qq.gif" width="19" height="16" class="input" style=" vertical-align:-4px;height:20px;border-right:0px;" onclick="showkeyboard2()"><input type="text" name="yzm" style="height:18px;border-left:0px;" class="input inputwidth" id="yzm"> 不区分大小写</li>
<li class="wyglli3"><img src="img/yzm.gif" alt=""/><br/><input type="image" src="img/dl.gif" style="margin-top:5px;"></li><li class="wyglli4"><input type="image" src="img/zc.gif"></li>
</ul>
<br style="clear:both;"/>
</div>
<div class="wygldiv2">
<ul><li><a><img src="img/sfgl.gif"></a></li><li class="pcwli"><span class="pcli1span">这里泊车位..........等的收费管理</span><span class="pcwlispan"><input type="image" src="img/dj.gif"></span></li></ul>
</div>
</div>
</div>
</div>
<div id="bottom">
<ul>
<li class="li1">公告：</li>
<li class="li2"></li><li class="li3"><input type="image" src="img/left.gif"/> <input type="image" src="img/right.gif"/></li></ul>
</div>
<div id="jp" class="show">
<!--第1排键-->
<div style="float:right;margin:0px 5px; font-weight:bold; font-size:12px;color:#ff0000;" id="check_info"></div><div style="float:right;margin:0px 5px; font-weight:bold; font-size:12px;color:#ff0000;" id="check_info1"></div>
<div id="d1">
<ul>
<li><span style="cursor:hand;" onclick="addValue('`')"><img src="img/jp/、.gif" alt=""/></span></li>
<li><span style="cursor:hand;" onclick="addValue('1')"><img src="img/jp/1.gif" alt=""/></span></li>
<li><span style="cursor:hand;" onclick="addValue('2')"><img src="img/jp/2.gif" alt=""/></span></li>
<li><span style="cursor:hand;" onclick="addValue('3')"><img src="img/jp/3.gif" alt=""/></span></li>
<li><span style="cursor:hand;" onclick="addValue('4')"><img src="img/jp/4.gif" alt=""/></span></li>
<li><span style="cursor:hand;" onclick="addValue('5')"><img src="img/jp/5.gif" alt=""/></span></li>
<li><span style="cursor:hand;" onclick="addValue('6')"><img src="img/jp/6.gif" alt=""/></span></li>
<li><span style="cursor:hand;" onclick="addValue('7')"><img src="img/jp/7.gif" alt=""/></span></li>
<li><span style="cursor:hand;" onclick="addValue('8')"><img src="img/jp/8.gif" alt=""/></span></li>
<li><span style="cursor:hand;" onclick="addValue('9')"><img src="img/jp/9.gif" alt=""/></span></li>
<li><span style="cursor:hand;" onclick="addValue('0')"><img src="img/jp/0.gif" alt=""/></span></li>
<li><span style="cursor:hand;" onclick="addValue('-')"><img src="img/jp/-.gif" alt=""/></span></li>
<li><span style="cursor:hand;" onclick="addValue('=')"><img src="img/jp/+.gif" alt=""/></span></li>
<li><span style="cursor:hand;" onclick="addValue('\\')"><img src="img/jp/11.gif" alt=""/></span></li>
<li style="margin:0px;"><span style="cursor:hand;" onclick="setpassvalue()"><img src="img/jp/10.gif" alt=""/></span></li>
</ul>
</div>
<!--第2排键-->
<div id="d2">
<ul>
<li style="margin-right:16px;float:left;"><span style="cursor:hand;" onclick="addValue('')"><img src="img/jp/tab.gif" alt=""/></span></li>
<li style=" float:left;"><span style="cursor:hand;" onclick="addValue('q')"><img src="img/jp/q.gif" alt=""/></span></li>
<li style=" float:left;"><span style="cursor:hand;" onclick="addValue('w')"><img src="img/jp/w.gif" alt=""/></span></li>
<li style=" float:left;"><span style="cursor:hand;" onclick="addValue('e')"><img src="img/jp/e.gif" alt=""/></span></li>
<li style=" float:left;"><span style="cursor:hand;" onclick="addValue('r')"><img src="img/jp/r.gif" alt=""/></span></li>
<li style=" float:left;"><span style="cursor:hand;" onclick="addValue('t')"><img src="img/jp/t.gif" alt=""/></span></li>
<li style="margin-right:15px;float:left;"><span style="cursor:hand;" onclick="addValue('y')"><img src="img/jp/y.gif" alt=""/></span></li>
<li style="margin-right:14px;float:left;"><span style="cursor:hand;" onclick="addValue('u')"><img src="img/jp/u.gif" alt=""/></span></li>
<li style="margin-right:13px;float:left;"><span style="cursor:hand;" onclick="addValue('i')"><img src="img/jp/i.gif" alt=""/></span></li>
<li style="margin-right:13px;float:left;"><span style="cursor:hand;" onclick="addValue('o')"><img src="img/jp/o.gif" alt=""/></span></li>
<li style="margin-right:14px;float:left;"><span style="cursor:hand;" onclick="addValue('p')"><img src="img/jp/p.gif" alt=""/></span></li>
<li style="margin-right:14px;float:left;"><span style="cursor:hand;" onclick="addValue('[')"><img src="img/jp/12.gif" alt=""/></span></li>
<li style="margin-left:2px; margin-right:0px;float:left;"><span style="cursor:hand;" onclick="addValue(']')"><img src="img/jp/13.gif" alt=""/></span></li>
<li style="float:right; margin:0px;"><span style="cursor:hand;" onclick="addValue('')"><img src="img/jp/14.gif" alt=""/></span></li>
</ul>
</div>
<!--第3排键-->
<div class="jpd3">
<ul>
<li><span style="cursor:hand;" onclick="setCapsLock()"><img src="img/jp/kc.gif" alt=""/></span></li>
<li><span style="cursor:hand;" onclick="addValue('a')"><img src="img/jp/a.gif" alt=""/></span></li>
<li><span style="cursor:hand;" onclick="addValue('s')"><img src="img/jp/s.gif" alt=""/></span></li>
<li style="margin-right:11px;"><span style="cursor:hand;" onclick="addValue('d')"><img src="img/jp/d.gif" alt=""/></span></li>
<li><span style="cu
js+css+div 软键盘输入
4星 · 超过85%的资源 需积分: 12 55 浏览量
2011-06-02
10:37:48
上传
评论
收藏 884KB RAR 举报 
js+css+div 软键盘输入 （154个子文件） 
StyleSheet.css 11KB Thumbs.db 135KB Thumbs.db 90KB Thumbs.db 11KB
admin.gif 86KB ptgg.gif 58KB top.gif 58KB bmcs.gif 25KB pic1.gif 25KB zyxw.gif 24KB ysyl1.gif 10KB ptcj.gif 9KB xwxx.gif 9KB wyglxt.gif 8KB newsdiv1.gif 8KB pic.gif 7KB bmzn1.gif 7KB 26.gif 7KB ysyl.gif 7KB list55.gif 7KB list11.gif 7KB list22.gif 7KB sfgl.gif 6KB list33.gif 6KB list44.gif 6KB kpbg.gif 6KB jdtbg.gif 6KB menu.gif 5KB list5.gif 4KB list2.gif 4KB list1.gif 4KB zc.gif 4KB list3.gif 4KB rzzx.gif 4KB list4.gif 4KB 19.gif 3KB 27.gif 3KB kc.gif 3KB 24.gif 3KB bmzn.gif 3KB 28.gif 3KB 23.gif 3KB 25.gif 3KB yzm.gif 3KB 18.gif 3KB ！.gif 3KB }.gif 3KB 4.gif 3KB 5.gif 3KB 、.gif 3KB 3.gif 3KB 30.gif 3KB 6.gif 3KB 1.gif 2KB 2.gif 2KB 7.gif 2KB bottom.gif 2KB foot.gif 2KB tab.gif 2KB 14.gif 2KB tqyb.gif 2KB 5.gif 2KB 2.gif 2KB 7.gif 2KB left.gif 2KB right.gif 2KB 3.gif 2KB 6.gif 2KB 4.gif 2KB jdt.gif 2KB 8.gif 2KB 9.gif 2KB 0.gif 2KB @.gif 2KB $.gif 2KB %.gif 2KB #.gif 2KB w.gif 2KB &.gif 2KB 1.gif 2KB 11.gif 2KB m.gif 2KB x.gif 2KB 12.gif 2KB g.gif 2KB q.gif 2KB o.gif 2KB (.gif 2KB s.gif 2KB u.gif 2KB ).gif 2KB c.gif 2KB 31.gif 2KB 17.gif 2KB n.gif 2KB r.gif 2KB a.gif 2KB v.gif 2KB 13.gif 2KB {.gif 2KB共 154 条
- 1
- 2
资源评论
vivianold2014-01-13示例很不错，支持！- lzb90772014-03-05键盘样式还不错 就是兼容性不行
- 325928782013-05-31整站放出来没用。。。兼容性也不好
