html5实现手机弹窗留言对话框-webkfa.com

*{

margin:0;padding:0;

-webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */

-webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */

-webkit-tap-highlight-color: rgba(210,210,210,0.35); /* make transparent link selection, adjust last value opacity 0 to 1.0 */

-webkit-user-select: none; /* prevent copy paste, to allow, change ‘none‘ to ‘text‘ */

}

body{font-family:"微软雅黑";font-size:12px;background: url(http://image.kuwo.cn/kdt2014/bg.png) repeat;}

ul,li{list-style:none;}

.black_overlay{

display: block;

position: fixed;top: 0%;

left: 0%;

width: 100%;

height: 100%;

background-color: black;

z-index:1001;

-moz-opacity: 0.8;

opacity:.80;

filter: alpha(opacity=80);

}

.white_content{

display: block;

position: fixed;

top: 15%; left: 0;

width: 100%;

background-color: white;

z-index:1002;

overflow:hidden;

}

.tcw{width:100%;min-width:320px;}

#dituContent textarea{color:#868686;width:92%;padding:2%;height:122px;border:1px solid #b6b6b6;border-radius:2px;line-height:18px;margin:2%;}

.huati_btn2{width:30%;height:32px;background:#34a0f0;border-radius:3px;font:14px/32px "微软雅黑";display:block;overflow:hidden;margin:0 auto;text-align:center;color:#fff;text-decoration:none;margin:2% 10%;}

.im {overflow:hidden;padding:4% 0 2% 0;margin-top:0px}/*改*/

.im span{width:33%;float:left;text-align:center; vertical-align:absmiddle}

.im input{ vertical-align:middle;margin:-3px 5px 0 0}

.huati_btn{width:175px;height:32px;background:#34a0f0;border-radius:3px;font:14px/32px "微软雅黑";display:block;overflow:hidden;margin:0 auto;text-align:center;color:#fff;text-decoration:none;}

.huati{height:40px;padding-top:9px;border-bottom:1px dashed #cecece}

.text_w{color:#282828;font-size:14px;padding:0 2%;height:28px;}

.input{padding:0 2%;}

.input input{color:#868686;width:96%;padding:0 2%;height:32px;border:1px solid #b6b6b6;border-radius:2px;}

最多输入200个字

想被怎么称呼呢:

莫粉

萱粉

取消

留言

function hidetc(){

var obj1=document.getElementById("blackoverlayid");

obj1.style.display=‘none‘;

var obj2=document.getElementById("light");

obj2.style.display=‘none‘;

}

function addmess(){

alert("请自己实现");

}

原文:http://www.cnblogs.com/webkfa/p/4686708.html

html5 在线留言,html5实现手机弹窗留言对话框相关推荐

  1. html5在线api,HTML5 历史记录API

    HTML5 历史记录API HTML5历史记录API的使用方法,在线实例演示HTML5历史记录API如何使用.浏览器的兼容性.语法定义及它的属性值详细资料等. HTML5历史记录API使您可以通过Ja ...

  2. html5 在线摄像头,HTML5在线摄像头使用

    HTML5在线摄像头应用 最近在搞一个考试系统,系统要求要有随机拍照的功能,并且摄像头能够收到js的控制.在线摄像头嘛,就那两种实现的方式:cab或者flash. 暂且不论本人从没学过的flash(事 ...

  3. h5在线制作html5,在线制作HTML5多媒体作品的技巧

    HTML5多媒体作品以其对各种平台的兼容而见长,目前已获得了广泛的应用.如果我们需要制作自己的HTML5多媒体作品,一个方便之选就是利用现成的在线制作工具"百度H5". 首先访问& ...

  4. html5 在线白板,Html5 canvas画图白板踩坑

    最近接手了一个小型的H5,最主要的功能大概就是拍照上传和canvas画板了. 主要是记录一下自己菜到像傻子一样的技术. 1.canvas画板隔空打牛!画布越往上部分错位距离越小,越往下距离越大. 2. ...

  5. html5在线裁剪,HTML5 本地裁剪图片并上传至服务器(老梗)

    很多情况下用户上传的图片都需要经过裁剪,比如头像啊什么的.但以前实现这类需求都很复杂,往往需要先把图片上传到服务器,然后返回给用户,让用户确定裁剪坐标,发送给服务器,服务器裁剪完再返回给用户,来回需要 ...

  6. html5 在线签名,html5手写签名

    sxqm 清 空 生成图片 var canvas, board; canvas = document.getElementById('myCanvas'); canvas.height = 300; ...

  7. html5在线俄罗斯方块,HTML5最新经典俄罗斯方块游戏插件

    这是一款最新的经典 HTML5 俄罗斯方块游戏插件.该插件使用html5和Blockrain.js来制作,它具有使用简单.响应式.可定制.速度快.有积分记录和自动游戏的特点. 基本使用方法 可以使用任 ...

  8. html5在线api,HTML5+ API Reference

    Push模块管理推送消息功能,可以实现在线.离线的消息推送,通过plus.push可获取推送消息管理对象. 方法: 对象: ClientInfo: JSON对象,获取的客户端标识信息 PushMess ...

  9. html5在线裁剪,HTML5 Canvas裁剪clip

    裁剪(即clip())是渲染上下文中的绘制方法之一.很多人都以为这是一个清除概念,其实是错的.虽然从表现上看像清除,但是由于剪切区域由绘图路径设定,因此这是一个独立的显示区域. 在Canvas动画中, ...

  10. html5在线裁剪,html5 Canvas裁剪图片

    drawImage(图片,图片中裁减的起始x坐标,图片中裁减的起始y坐标,裁减区域宽度,裁减区域高度,所画位置x坐标,所画位置y坐标,所画图形宽度,所画图形高度) 首先来看如下效果: 代码如下: va ...

最新文章

  1. Java中有哪些无锁技术来解决并发问题?如何使用?
  2. Java监听器用法(三):外部类监听器
  3. 新搭建mysql容易出现问题
  4. GB 18030介绍及其与相关标准的比较-GB13000(附:Unicode规范)
  5. 在 Excel 里使用 ODBC 读取 SAP BTP 平台上 CDS view 的数据
  6. win10去除快捷小箭头_win10操作系统小技巧之键盘快捷键使用
  7. java addcallback函数_java中怎么使用callback函数?
  8. 经典10046剖析案例-2
  9. ajax对象状态0,ajax – HTTP状态代码0是否有任何意义?
  10. sql Sever的存储过程如何转换为mysql
  11. 【安全问道】系列:阿里带你3分钟掌握一个互联网
  12. 上传了一个安卓系统摄像头性能测试代码
  13. oracle关联两个字段,oracle字符串连接函数,||使两个或多个字段拼成一个字段
  14. 【读书笔记】淘宝技术这十年
  15. 计算机网络 - mbed TLS
  16. 新型智能优化算法——海鸥优化算法(基于Matlab代码实现)
  17. 上帝的答复(外两篇)
  18. mysql用拼音显示字段名_MySQL汉字字段按拼音排序显示
  19. 2021阿里云开发者大会——时隔两年平头哥有哪些杰作?
  20. 如何创建CGColorRef在view.layer.borderColor上使用

热门文章

  1. centos7安装bbr_Centos7下,BBR修正版 一键安装与使用
  2. CRM是什么?CRM客户管理系统主要的功能,作用,特点分别有哪些?
  3. Python 流体动力学层流建模
  4. 【强大的数字设计工具包】Sketch 55.1 for Mac
  5. 用python加载obj格式三维模型(加mtl贴图)
  6. 宅急送BOS系统软硬件集成方案goldengate(一)
  7. 最小二乘法算法C语言,最小二乘法C算法终极整理版本,绝对原创!
  8. 在ext4文件系统上恢复被误删除的文件
  9. iOS图像处理——人脸识别
  10. win7摄像头软件_电脑最好用录屏软件,一分钟下载安装