现在位置:中国IDC吧>网页设计>JavaScript教程> 文章内容

Js之软键盘实现(源码)

收藏发布 来源:互联网 作者:

339Calc.button_number8.value=" " a[8] " ";
340Calc.button_number9.value=" " a[9] " ";
341}
342
343function hideSelect(){
344var i=0;
345while(i<document.getElementsByTagName("select").length){
346document.getElementsByTagName("select")[i].style.visibility = "hidden";
347i=i 1;
348}
349}
350
351function unhideSelect(){
352var i=0;
353while(i<document.getElementsByTagName("select").length){
354document.getElementsByTagName("select")[i].style.visibility = "visible";
355i=i 1;
356}
357}
358
359
360function jiamiMimaKey(newValue) {
361 if (typeof(b) == "undefined" || typeof(ifUseYinshe) == "undefined" || ifUseYinshe == 0) {return newValue;}
362 var everyone = '';
363 var afterPass = '';
364 for (var i=0;i<newValue.length;i ) {
365 everyone = newValue.charAt(i);
366 for (var j =0;j<((b.length)/2);j ) {
367 if (everyone == b[2*j]) {
368 afterPass = afterPass b[2*j 1];
369 break;
370 }
371 }
372 }
373 newValue= afterPass;
374 jiami = 1;
375 return afterPass;
376}

Default.aspx:
1<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default"
2 ResponseEncoding="GB2312" %>
3
4<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
5<html>
6<head>
7 <title>软键盘</title>
8 <link href="softkey.css" type="text/css" rel="stylesheet">
9 <script src="softkeyboard.js" type="text/javascript"></script>
10</head>
11<body>
12 <form runat="server">
13 <div align="center">
14 <input id="tipLogPwd" type="text" onkeydown="Calc.password.value=this.value"
15 onblur="tipLogPwd.className='tip_off'"
16 onclick="password1=this;showkeyboard();this.readOnly=1;Calc.password.value=''"
17 style="width: 278px">
18 </div>
19 </form>
20</body>
21</html>
22
softkey.css:
1#Page_content {}{
2 PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 860px; PADDING-TOP: 0px
3}
4#Header {}{
5 BACKGROUND: url(../images5/blue/header_bg.gif) repeat-x left top
6}
7#Page_left {}{
8 FLOAT: left; MARGIN: 12px 0px 15px; WIDTH: 660px
9}
10#Page_right {}{
11 FLOAT: right; MARGIN: 15px 0px; WIDTH: 180px
12}
13#Footer {}{
14 PADDING-RIGHT: 2px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 20px; COLOR: #aaa; PADDING-TOP: 5px; TEXT-ALIGN: left
15}
16.Area_title {}{
17 PADDING-RIGHT: 2px; BORDER-TOP: #69c 2px solid; MARGIN-TOP: 10px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-BOTTOM: 7px; COLOR: #004d99; PADDING-TOP: 7px
18}
19.Area_content {}{
20 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 3px
21}
22.Area_button {}{
23 MARGIN-TOP: 7px; PADDING-LEFT: 90px
24}
25.Area_button IMG {}{
26 VERTICAL-ALIGN: 5px
27}
28.float_left {}{
29 FLOAT: left
30}
31.float_right {}{
32 FLOAT: right
33}
34.content_title {}{
35 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 8px; COLOR: #999; PADDING-TOP: 16px
36}
37.relative {}{
38 PADDING-RIGHT: 0px; BORDER-TOP: #69c 2px solid; PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; BACKGROUND: none transparent scroll repeat 0% 0%; LIST-STYLE-IMAGE: url(../images5/blue/icon_list.gif); PADDING-BOTTOM: 0px; MARGIN: 7px 0px 0px; PADDING-TOP: 3px
39}
40.relative LI {}{
41 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; MARGIN: 3px 0px 0px; COLOR: #777; PADDING-TOP: 1px; BORDER-BOTTOM: #ddd 1px solid
42}
43 {}{
44 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
45}
46BODY {}{
47 BACKGROUND: #eee
48}
49BODY {}{
50 FONT: 12px "宋体",Tahoma; COLOR: #505050
51}
52DIV {}{
53 FONT: 12px "宋体",Tahoma; COLOR: #505050
54}
55TD {}{
56 FONT: 12px "宋体",Tahoma; COLOR: #505050
57}
58SPAN {}{
59 FONT: 12px "宋体",Tahoma; COLOR: #505050
60}
61SELECT {}{
62 FONT: 12px "宋体",Tahoma; COLOR: #505050
63}
64P {}{
65 FONT: 12px "宋体",Tahoma; COLOR: #505050
66}
67IMG {}{
68 BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
69}
70A {}{
71 COLOR: #039; TEXT-DECORATION: none
72}
73A:hover {}{
74 COLOR: #b20; TEXT-DECORATION: none
75}
76INPUT {}{
77 FONT: 12px "宋体",Tahoma
78}
79INPUT.button {}{
80 BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(../images5/blue/button_bg.gif) #a74d4a repeat-x left top; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 1px; CURSOR: hand; COLOR: #fff; MARGIN-RIGHT: 10px; PADDING-TOP: 4px; BORDER-RIGHT-WIDTH: 0px
81}
82INPUT.button_dis {}{
83 BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 1px; CURSOR: hand; COLOR: #fff; MARGIN-RIGHT: 10px; PADDING-TOP: 4px; BORDER-RIGHT-WIDTH: 0px

上一页 1 2 3 45 下一页
收藏此页到网摘/书签:
所有评论

评论列表

用户名: 新注册) 密码: 匿名评论