网页小键盘/软键盘 -- [HTML]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

网页小键盘/软键盘

蓝色理想 2010/4/1 9:07:17 admin 字体:大中小浏览 10529

以下为详细代码

<!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>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>软键盘</title>
  <script src="/UploadFiles/demo/base.js"></script>
  <script>
  $.fn.extend({//元素类
  plugins_keyboard:function(options){//软键盘
  return this.each(function(){
  var self = this;
  var settings = {type:"xlabi.com",button:true,ordered:false,loadinit:false,event:"focus",same:false,change:"each",shadow:true,other:"xlabi.com"};
  //type[mini,设置mini，则呈现数字小键盘],
  //button[boolean,是否有按钮],
  //ordered[boolean,排列类型是否为顺序，顺序如23456，89012，abcde，xyzabc；乱序如13425，acdeb],
  //loadinit[boolean是否在页面加载时候加载],
  //event[click/focus有按钮情况下点击按钮或聚焦展开,没按钮则固定为聚焦],
  //same[boolean,多个插件调用时，每个同类键盘[如，数字迷你键盘为一类]排序都相同,设置为true时候change失效],
  //change[each,设置为each每次展开都变，否则排序加载时变一次],
  //shadow[boolean,是否有投影].
  //other[min2,附加功能，配置为mini2，在type为"mini"的情况下进入第二种模式].
  $.extend(settings, options);
  $._state?$._state:$.extend({_state:{_kb_first:true,_kb_keysort:{}},author:"xlabi.com"});
  var _kb = {
  _init:function(){//初始化
  this._html._before();
  this._settings._set();
  this._fn._bindonce();
  },
  _settings:{//用来解析options有顺序
  _set:function(){
  this._event();
  this._type();
  this._other();
  this._button();
  this._ordered();
  this._same();
  this._change();
  this._loadinit();
  this._shadow();
  },
  _type:function(){
  _kb._global._type = settings.type;
  _kb._adjust._before();
  },
  _other:function(){
  _kb._global._other = settings.other;
  },
  _button:function(){
  if(settings.button){
  _kb._html._settings._button();
  _kb._adjust._settings._button();
  _kb._event._button();
  }
  _kb._event._self();
  },
  _ordered:function(){
  _kb._global._ordered = settings.ordered;
  },
  _loadinit:function(){
  if(settings.loadinit){
  _kb._fn._set_panel();
  };
  },
  _event:function(){
  _kb._global._event = settings.event;
  $(document).keydown(function(e){if(e.keyCode==9){_kb._fn._set_all_hide();_kb._event._self_tabkey();};});
  },
  _same:function(){
  _kb._global._same = settings.same;
  },
  _change:function(){
  _kb._global._change = settings.change;
  },
  _shadow:function(){
  _kb._global._shadow = settings.shadow;
  }
  },
  _global:{//全局参数
  _key:{ w:[
  "a","b","c","d","e","f","g","h","i","j","k","l","m"
  ,"n","o","p","q","r","s","t","u","v","w","x","y","z"
  ]
  ,c:[
  {e:"_",s:"-"},{e:"=",s:"+"},{e:"\\",s:"|"},{e:"[",s:"{"},{e:"]",s:"}"}
  ,{e:";",s:":"},{e:"'",s:"\""},{e:",",s:"<"},{e:".",s:">"},{e:"/",s:"?"}
  ]
  ,n:[
  {e:"`",s:"~"}
  ,{e:1,s:"!"},{e:2,s:"@"},{e:3,s:"#"},{e:4,s:"$"},{e:5,s:"%"}
  ,{e:6,s:"^"},{e:7,s:"&"},{e:8,s:"*"},{e:9,s:"("},{e:0,s:")"}
  ]
  ,num:[1,2,3,4,5,6,7,8,9,0]
  },
  _shift:"up",
  _capslock:"off"
  },
  _obj:{
  _key:{}
  },
  _html:{//全局dom对象
  _before:function(){//加载前需要加载的html
  $(self).wrap("<div class=\"hs_keyboard_wrap\"></div>");
  _kb._obj._wrap=$(self).parent(".hs_keyboard_wrap");
  },
  _settings:{//配置后需要增加的html
  _button:function(){
  _kb._obj._button = $("<div class=\"hs_keyboard_btn\"></div>").appendTo(_kb._obj._wrap);
  },
  _shadow:function(){
  _kb._obj._shadow = $("<div class=\"hs_keyboard_shadow\"></div>").appendTo(_kb._obj._wrap);
  },
  _iframe:function(){
  _kb._obj._iframe = $("<iframe></iframe>").appendTo(_kb._obj._wrap);
  }
  },
  _after:function(){//加载后需要加载的html
  _kb._obj._panel=$("<div class=\"hs_keyboard_panel\"></div>").appendTo(_kb._obj._wrap);
  if(_kb._global._type!="mini"){
  _kb._obj._key._n = $("<ul class=\"hs_keyboard_key_n\"></ul>").appendTo(_kb._obj._panel);
  _kb._obj._key._c = $("<ul class=\"hs_keyboard_key_c\"></ul>").appendTo(_kb._obj._panel);
  _kb._obj._key._w = $("<dl class=\"hs_keyboard_key_w\"></dl>").appendTo(_kb._obj._panel);
  _kb._obj._close = $("<span class=\"hs_keyboard_close\">exit</span>").appendTo(_kb._obj._panel);
  _kb._obj._backspace = $("<div class=\"hs_keyboard_backspace\">←</div>").appendTo(_kb._obj._panel);
  _kb._obj._capslock = $("<div class=\"hs_keyboard_capslock\">capslock</div>").appendTo(_kb._obj._panel);
  _kb._obj._shift = $("<div class=\"hs_keyboard_shift\">shift</div>").appendTo(_kb._obj._panel);
  _kb._obj._enter = $("<div class=\"hs_keyboard_enter\">enter</div>").appendTo(_kb._obj._panel);
  }else{
  if(_kb._global._other=="mini2"){
  _kb._obj._close = $("<span class=\"hs_keyboard_close\">exit</span>").appendTo(_kb._obj._panel);
  _kb._obj._backspace = $("<div class=\"hs_keyboard_backspace\">←</div>").appendTo(_kb._obj._panel);
  }else{
  _kb._obj._enter = $("<div class=\"hs_keyboard_enter\">enter</div>").appendTo(_kb._obj._panel);
  };
  _kb._obj._key._num = $("<dl class=\"hs_keyboard_key_num\"></dl>").appendTo(_kb._obj._panel);
  }
  }
  },
  _event:{//事件绑定
  _bind:function(){
  this._wrap();
  this._key();
  if(_kb._global._type!="mini"){
  this._close();
  this._backspace();
  this._capslock();
  this._shift();
  this._enter();
  }else{
  if(_kb._global._other=="mini2"){
  this._close();
  this._backspace();
  }else{
  this._enter();
  };
  };
  },
  _self:function(){
  if(_kb._global._event=="focus"){
  $(self).mousedown(function(){
  _kb._fn._set_self();
  });
  };
  if(_kb._global._event=="click"){$(self).click(function(){_kb._fn._set_all_hide();});};
  },
  _self_tabkey:function(){
  if(_kb._global._event=="focus"){
  $(self).unbind("focus").focus(function(){
  _kb._fn._set_self();
  $(self).unbind("focus");
  });
  };
  },
  _wrap:function(){
  _kb._obj._wrap.unbind("mousedown").mousedown(function(){
  $(self).unbind("focus");
  _kb._event._focus();
  return false;
  });
  },
  _button:function(){
  _kb._obj._button.click(function(){
  _kb._fn._set_button();
  });
  _kb._obj._button.mousedown(function(){
  $(this).addClass("hs_keyboard_btn_down");
  });
  },
  _key:function(){
  $("ul div,dl div",_kb._obj._panel).unbind("click").click(function(){
  _kb._fn._set_keyval($(this));
  });
  },
  _close:function(){
  _kb._obj._close.click(function(){
  _kb._fn._set_close();
  });
  },
  _backspace:function(){
  _kb._obj._backspace.click(function(){
  _kb._fn._set_backspace();
  });
  },
  _capslock:function(){
  _kb._obj._capslock.click(function(){
  _kb._fn._set_capslock($(this));
  });
  },
  _shift:function(){
  _kb._obj._shift.click(function(){
  _kb._fn._set_shift($(this));
  });
  },
  _enter:function(){
  _kb._obj._enter.click(function(){
  _kb._fn._set_enter();
  });
  },
  _focus:function(){
  $(self).focus();
  if($.browser.msie){
  var obj =$(self)[0];
  var txt =obj.createTextRange();
  txt.moveStart('character',obj.value.length);
  txt.collapse(true);
  txt.select();
  }
  }
  },
  _adjust:{//html调整
  _v:{
  pos:{p:{t:0,r:0,b:0,l:0},pts:{t:2,r:2,b:2,l:2}}//p面板位置pts投影差距
  },
  _before:function(){//加载前
  $(self).css("float","left");
  _kb._obj._wrap.css({"border":[$(self).css("border-bottom-style"),$(self).css("border-bottom-color"),$(self).css("border-bottom-width")].join(" ")});
  $(self).css({"border":"0 none","margin":0});
  _kb._global._self_h=_kb._obj._wrap.outerHeight()-parseInt(_kb._obj._wrap.css("border-top-width"));
  if(_kb._global._type=="mini"){
  _kb._obj._wrap.addClass("hs_keyboard_wrap_mini");
  }
  },
  _settings:{
  _button:function(){
  $(self).width($(self).width()-_kb._obj._button.width());
  _kb._obj._button.height($(self).innerHeight());
  }
  },
  _after:function(){//加载后
  _kb._obj._panel.css({top:_kb._global._self_h});
  if(_kb._obj._shadow){
  _kb._obj._shadow.css({top:_kb._global._self_h+2});
  }
  }
  },
  _fn:{//方法集
  _set_panel:function(){//加载键盘
  _kb._html._after();
  if(_kb._global._shadow){_kb._html._settings._shadow();};
  if(_kb._global._same||_kb._global._change!="each"){_kb._fn._set_keysort();};
  _kb._event._bind();
  _kb._adjust._after();
  },
  _set_ckey:function(e,s){
  return "<li><div><em>"+e+"</em><sup>"+s+"</sup></div></li>";
  },
  _set_wkey:function(w){
  return "<dd><div>"+w+"</div></dd>"
  },
  _set_keysort:function(){//生成键并设置排序
  $("ul,dl",_kb._obj._panel).empty();
  if(_kb._global._type!="mini"){_kb._fn._reset_shift_capslock();}
  if(_kb._global._type!="mini"){
  if(!$._state._kb_keysort._normalkb){
  var c=[],w=[],n=[];
  $.each(_kb._fn._get_sort_array(_kb._global._key.n),function(i,con){
  n[i]=_kb._fn._set_ckey(con.e,con.s);
  });
  $.each(_kb._fn._get_sort_array(_kb._global._key.c),function(i,con){
  c[i]=_kb._fn._set_ckey(con.e,con.s);
  });
  $.each(_kb._fn._get_sort_array(_kb._global._key.w),function(i,con){
  w[i]=_kb._fn._set_wkey(con);
  });
  }
  }else{
  if(!$._state._kb_keysort._num){
  var num=[];
  $.each(_kb._fn._get_sort_array(_kb._global._key.num),function(i,con){
  num[i]=_kb._fn._set_wkey(con);
  });
  }
  }
  if(_kb._global._same){
  if(_kb._global._type!="mini"){
  $._state._kb_keysort._normalkb=$._state._kb_keysort._normalkb||{_n:n,_c:c,_w:w}
  c=$._state._kb_keysort._normalkb._c;
  w=$._state._kb_keysort._normalkb._w;
  n=$._state._kb_keysort._normalkb._n;
  }else{
  $._state._kb_keysort._num=$._state._kb_keysort._num||num;
  num=$._state._kb_keysort._num;
  }
  }
  if(_kb._global._type!="mini"){
  _kb._obj._key._n.append(n.join(""));
  _kb._obj._key._c.append(c.join(""));
  _kb._obj._key._w.append(w.join(""));
  }else{
  _kb._obj._key._num.append(num.join(""));
  }
  },
  _set_self:function(){
  if(!_kb._fn._is_show()){
  if(!_kb._obj._panel){_kb._fn._set_panel();};
  _kb._fn._set_all_hide();
  _kb._fn._set_show();
  };
  },
  _set_keyval:function(obj){
  var get_keyval=function(o){
  var em = $("em",o);
  var t = em.size()==0?o.text():em.text();
  return t
  }
  $(self).val(""+$(self).val()+get_keyval(obj));
  _kb._event._focus();
  },
  _set_button:function(){
  if(!_kb._obj._panel){_kb._fn._set_panel();}
  _kb._event._focus();
  _kb._fn._is_show()?_kb._fn._set_hide():_kb._fn._set_show();
  },
  _set_backspace:function(){
  var pw = $(self).val();
  $(self).val(pw.substring(0, pw.length-1));
  _kb._event._focus();
  },
  _set_shift:function(obj){
  if(_kb._global._shift=="up"){
  _kb._global._shift="down";
  obj.addClass("hs_keyboard_shift_down");
  }else{
  _kb._global._shift="up";
  obj.removeClass("hs_keyboard_shift_down");
  };
  $("li div",_kb._obj._panel).each(function(){
  var c = $("em",$(this)).text();
  $("em",$(this)).text($("sup",$(this)).text());
  $("sup",$(this)).text(c);
  });
  this._set_wchange();
  },
  _reset_shift_capslock:function(){
  _kb._global._shift="up";
  _kb._global._capslock="off";
  _kb._obj._shift.removeClass("hs_keyboard_shift_down");
  _kb._obj._capslock.removeClass("hs_keyboard_capslock_on");
  },
  _set_capslock:function(obj){
  if(_kb._global._capslock=="on"){
  _kb._global._capslock="off";
  obj.removeClass("hs_keyboard_capslock_on")
  }else{
  _kb._global._capslock="on";
  obj.addClass("hs_keyboard_capslock_on")
  };
  this._set_wchange();
  },
  _set_wchange:function(){
  $("dd div",_kb._obj._panel).each(function(){
  var c = $(this).text();
  if(c.toLowerCase()==c){
  $(this).text(c.toUpperCase());
  }else{
  $(this).text(c.toLowerCase());
  };
  });
  _kb._event._focus();
  },
  _set_close:function(){
  _kb._fn._set_hide();
  _kb._event._focus();
  },
  _set_enter:function(){
  _kb._fn._set_hide();
  $(self).blur();
  },
  _set_hide:function(){
  _kb._obj._panel.hide();
  _kb._fn._set_all_hide();
  },
  _set_show:function(){
  _kb._fn._set_all_hide();
  _kb._obj._panel.show();
  _kb._html._settings._iframe();
  _kb._obj._iframe.css({top:_kb._global._self_h});
  if(!_kb._global._same){
  if(_kb._obj._panel&&_kb._global._change=="each"){_kb._fn._set_keysort();_kb._event._key();};
  }
  if(_kb._obj._shadow){_kb._obj._shadow.show();};
  },
  _set_all_hide:function(){
  $(".hs_keyboard_panel,.hs_keyboard_shadow").hide();
  $(".hs_keyboard_wrap iframe").remove();
  },
  _is_show:function(){
  if(_kb._obj._panel&&(_kb._obj._panel.css("display")=="block")){
  return true;
  }else{
  return false;
  }
  },
  _get_sort_array:function(arr){//返回排序数组
  var te = [], t={},tn,m = arr.length;
  if(_kb._global._ordered){
  var tn = parseInt(Math.random()*m);
  for(var i=0;i<m;i++){
  te[i]=(tn+i>=m)?arr[tn+i-m]:arr[tn+i]
  }
  }else{
  for(var i=0;i<m;){
  tn = parseInt(Math.random()*m);
  if(!t['_'+tn]){
  te[i++] = arr[tn]
  t['_'+tn] = 1;
  }
  }
  }
  return te;
  },
  _bindonce:function(){
  if($._state._kb_first){
  $(document).bind({mousedown:function(){$(self).unbind("focus");_kb._fn._set_all_hide();},
  mouseup:function(){$(".hs_keyboard_btn").removeClass("hs_keyboard_btn_down");}
  });
  $(".hs_keyboard_panel div").live("mouseover",function(){$(this).addClass("hs_keyboard_key_hover")});
  $(".hs_keyboard_panel div").live("mouseout",function(){$(this).removeClass("hs_keyboard_key_hover")});
  $(".hs_keyboard_close").live("mouseover",function(){$(this).addClass("hs_keyboard_close_hover")});
  $(".hs_keyboard_close").live("mouseout",function(){$(this).removeClass("hs_keyboard_close_hover")});
  $._state._kb_first = false;
  }
  }
  }
  }
  _kb._init();
  })
  }
  })
  $(function(){
  $(".hs_keyboard2").plugins_keyboard();
  $(".hs_keyboard").plugins_keyboard({type:"mini"});
  $(".hs_keyboard3").plugins_keyboard({type:"mini",other:"mini2"});
  })
  </script>
  <style>
  body{ font-family:Verdana, Geneva, sans-serif}
  input{ width:150px; height:14px; border:1px solid #1774b3; font-size:12px; padding:2px 0 4px 4px; margin:10px;}
  .hs_keyboard_wrap{display:inline-block;*display:inline;zoom:1;position:relative;font-family:Verdana, Geneva, sans-serif; line-height:20px;font-weight:normal;z-index:1000; font-size:12px; border:1px solid #1774b3}
  .hs_keyboard_shadow,
  .hs_keyboard_panel{position:absolute; z-index:2; display:none; top:0px; left:-1px; width:406px; background:#1774b3; border:1px solid #2159a1; line-height:20px; overflow:hidden; height:112px;}
  .hs_keyboard_wrap iframe{ height:116px;width:410px;top:0px; left:-1px; position:absolute;filter:alpha(opacity=0);-moz-opacity:0;opacity:0; z-index:0}
  .hs_keyboard_shadow{z-index:1;border:1px solid #666;background:#000;top:0px; left:1px;filter:alpha(opacity=30);-moz-opacity:0.3;opacity: 0.3; }
  .hs_keyboard_btn{ float:left; border:0px solid #ccc;line-height:8px;background:1px center no-repeat; width:22px;}
  .hs_keyboard_btn_down{background:-37px center no-repeat;}
  .hs_keyboard_backspace,
  .hs_keyboard_shift,
  .hs_keyboard_capslock,
  .hs_keyboard_close,
  .hs_keyboard_enter{cursor:default;font-size:10px;background:#eff7fe; border:1px solid #2159a1; text-align:center; height:22px; width:52px; overflow:hidden; position:absolute; z-index:2}
  .hs_keyboard_capslock{ position:absolute; right:2px; top:30px;}
  .hs_keyboard_backspace{ position:absolute; right:31px; top:2px;font-size:14px; line-height:22px;*line-height:22px!important;*line-height:26px;}
  .hs_keyboard_close{background:#feeeee; border:1px solid #2159a1; color:#900;display:block; top:2px; right:2px; width:23px;}
  .hs_keyboard_close_hover{border:1px solid #2159a1;background:#FCC; color:#900;}
  .hs_keyboard_shift{ position:absolute; left:2px; top:30px}
  ul.hs_keyboard_key_n{ position:absolute; left:2px; top:2px;}
  ul.hs_keyboard_key_c{position:absolute; left:60px; top:30px;}
  dl.hs_keyboard_key_w{position:absolute; left:2px; top:58px;width:408px}
  .hs_keyboard_enter{ position:absolute; right:2px; top:86px}
  .hs_keyboard_panel dl,
  .hs_keyboard_panel dl dd,
  .hs_keyboard_panel ul,
  .hs_keyboard_panel ul li{ padding:0; margin:0;list-style:none; float:left}
  .hs_keyboard_panel dl dd div,
  .hs_keyboard_panel ul li div{ font-size:11px;cursor:pointer; background:#eff7fe; border:1px solid #2159a1; width:23px; height:22px; text-align:center;}
  .hs_keyboard_panel ul li,
  .hs_keyboard_panel dl dd{padding:0 4px 4px 0;}
  .hs_keyboard_panel ul li div em{ font-size:12px; color:#000; font-style:normal; padding-right:2px; cursor:pointer}
  .hs_keyboard_panel ul li div sup{ font-size:12px; color:#999;cursor:pointer}
  .clearit{ clear:both; overflow:hidden; height:0;}
  .hs_keyboard_key_hover{ background:#bff6ae!important; color:#033!important}
  .hs_keyboard_shift_down,
  .hs_keyboard_capslock_on{background:#c4e2fc!important; color:#2159a1!important}
  /*mini数字键盘*/
  .hs_keyboard_key_num{ width:100px; position:absolute; top:2px; left:2px}
  .hs_keyboard_wrap_mini dl.hs_keyboard_key_num dd div{ font-size:12px}
  .hs_keyboard_wrap_mini .hs_keyboard_shadow,
  .hs_keyboard_wrap_mini .hs_keyboard_panel{width:87px;}
  .hs_keyboard_wrap_mini iframe{ width:91px;}
  .hs_keyboard_wrap_mini .hs_keyboard_close{ top:86px; right:2px;}
  .hs_keyboard_wrap_mini .hs_keyboard_backspace{ top:86px; right:31px; width:23px;}
  .hs_keyboard_wrap_mini .hs_keyboard_btn{background:-75px center no-repeat;}
  .hs_keyboard_wrap_mini .hs_keyboard_btn_down{background:-114px center no-repeat;}
  .hs_keyboard_wrap_mini .hs_keyboard_btn,
  .hs_keyboard_wrap_mini .hs_keyboard_btn_down,
  .hs_keyboard_btn,
  .hs_keyboard_btn_down{background-image:url(/UploadFiles/demo/hs_keyboard_btn.gif)}
  @media screen and (-webkit-min-device-pixel-ratio:0)
  {
  .hs_keyboard_close,
  .hs_keyboard_backspace{ line-height:30px}
  .hs_keyboard_panel{line-height:16px;}
  .hs_keyboard_close,
  .hs_keyboard_enter,
  .hs_keyboard_capslock,
  .hs_keyboard_shift,
  .hs_keyboard_panel dl dd{ line-height:22px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}
  }
  @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
  {
  .hs_keyboard_close,
  .hs_keyboard_backspace{ line-height:20px}
  .hs_keyboard_panel{line-height:16px;}
  .hs_keyboard_enter,
  .hs_keyboard_capslock,
  .hs_keyboard_shift,
  .hs_keyboard_panel dl dd{ line-height:22px}
  }
  </style>
  </head>
  <input type="text" class="hs_keyboard" />
  <input type="text" class="hs_keyboard2" />
  <input type="text" class="hs_keyboard3" />
  <br />
  <select>
  <option>sddddddddddddddddddddddddddddddddd测试ie6的select是否被挡住</option>
  </select>
  <div style=" background:#CCC; height:50px;">投影测试</div>
  <p>var settings = {button:true,ordered:false,loadinit:false,event:&quot;focus&quot;,same:false,change:&quot;each&quot;,shadow:true};<br />
  以上为默认配置</p>
  <p>说明：</p>
  <p>//type[mini,设置mini，则呈现数字小键盘],<br />
  //button[boolean,是否有按钮],<br />
  //ordered[boolean,排列类型是否为顺序，顺序如23456，89012，abcde，xyzabc；乱序如13425，acdeb],<br />
  //loadinit[boolean是否在页面加载时候加载],<br />
  //event[click/focus有按钮情况下点击按钮或聚焦展开,没按钮则固定为聚焦],<br />
  //same[boolean,多个插件调用时，每个同类键盘[如，数字迷你键盘为一类]排序都相同,设置为true时候change失效],<br />
  //change[each,设置为each每次展开都变，否则排序加载时变一次],<br />
  //shadow[boolean,是否有投影], <br />
  //other[min2,附加功能，配置为mini2，在type为mini的情况下进入第二种模式].<br />
  <br />
  </p>
  <p>调用方法：</p>
  <p>$(function(){<br />
  $(&quot;.hs_keyboard&quot;).plugins_keyboard(settings);<br />
  })<br />
  </p>
  <p><br />
  </p>
  </body>
  </html>

前一页:以前的QQ强聊不管了，这个是非常管用的QQ强聊

后一页:点击密码框弹出小键盘

相关阅读: CSS+ul 实现的柱状图; 网站改进中; JS代码判断集锦（之二）; 使用uiautomatorviewer连接模拟器页面报错No Android devices were detected by adb.; ASP利用fso读取文件夹里所有文件的名字; CSS教程：弄懂闭合浮动元素; 非常不错的支持各种浏览器的简易调色板; JavaScript的40种网页常用小技巧

共有0条关于《网页小键盘/软键盘》的评论: 发表评论

正在加载评论......

返回顶部发表评论

呢称:
表情:
内容:	评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码:

网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法; js指定日期加n天加n月加n年; jquery中动态生成的代码使用on hover事件时不出现效果; iframe里阻止_blank弹出新窗口的方法; jquery实现下拉加载更多; jquery获得当前所有input表单数据并进行序列化的各种问题与解决方案serialize与serializeArray的区别分析

更多>>最新添加文章: 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗; aliyun阿里云续费域名优惠口令(注册、续费都可以使用); windows7环境下安装配置jdk; python对微信操作要用到这两个库wxpy与itchat; ASP中Utf-8与Gb2312编码转换乱码问题的解决方法页面编码声明; DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法

更多>>随机抽取信息: 一行内文本超出指定宽度后用省略号代替; CSS编写过程中常见的10个错误; 利用css中的scale()实现放大缩小效果; asp随机显示字符长度与类型（可随机显示数字、小写字母、大写字母，可以做为随机密码使用）; Python pandas删除指定行/列数据的方法实例; vue uni-app判断空字符串/null/undefined或者有误字段

更多标签热门标签

div CSS Session 例子样式 imprt 高文字垂直 DOCTYPE 复选框游戏模板时间文件类型 Application 详解改变 eof 注册表广告 Javascript实现CSS代码高亮显示1 动态增高计算 windows 营销 div 代码 visite 留言次数事务缩略图右键失效 document 弹出文件夹刷新上传技巧不对齐个人案例 xhtml CAD css id loading 灰色 265 鎯换行