机WAP网站是80后和90后的集体回忆之一,是专门为当时手机弱鸡性能设计的精简版的网络协议,在1997年由爱立信,诺基亚,摩托罗拉,无线星球提出。这是一个1997年诞生的标准,不过对于国内大部分人来说都是2000年以后才正式的接触到手机上网的这种新奇玩意,此时WAP都更新到了2.0了。
但是什么时候用上这个不重要,重要的是我们在WAP网站上干过什么事情。在还是功能机时代,很多网站都有专门的WAP站,比如当年为了挂QQ而得知的腾讯WAP站,当然那个时候很多人都不会叫手机腾讯网,更多的是喜欢叫做3GQQ。3GQQ为什么叫做3GQQ,第一是因为当时的手机腾讯网是WAP2.0标准,又叫做3G版手机网页。第二腾讯其他当时最火热的业务是即时聊天软件是QQ。手机网页版的QQ本来设计为那些没有应用扩展功能,却能上网的手机准备的,然而这玩意在有应用扩展功能的手机面前就变成了撩妹神器,使用支持网页多开的软件就能够实现同时挂多个QQ的作用。在那是QQ等级可是神圣般的存在,而手机又是那么的稀缺。自然会有女生来找你帮忙挂Q,然后在一通操作之后就变成了你的好友,然后变成女盆友。
另外腾讯还为手机用户准备了手机网页端的独占内容QQ家园,QQ家园里面有这种小游戏,虽然时候是以文字为主要交互的游戏,但是还是出现了像精武堂和纵横四海这类精品游戏。这种以文字冒险为主的游戏,在智能机浪潮的冲击之下,最终还是流失了大量的用户。显然是有着绚丽图像交互的游戏会比文字交互的游戏好,毕竟人士视觉动物。最终在2015年5月20日QQ家园永久下线依托于QQ家园的小游戏也同时下线了。
就算是WAP2.0网页也不是一个很绚丽的网页,只是能够显示更多的彩图,和动态图片。并不能像电脑的网页一样能够看视频,能够玩游戏。毕竟当年可是5块30M的流量,这样玩一个开一个网页就能让手机直接停机。后来智能手机来了,带能更强大的浏览器,已经WIFI。WAP已经不能满足智能手机上强大的浏览器,陆陆续续的大部分的门户网站都取消了对WAP2.0的支持,转而支持html5触屏版网页。
WAP确实是回忆中重要一环,不过我还是选择更叫漂亮的HTML5 。毕竟让你选你坑定不会选一个黑不溜秋,瘦不拉几,你肯定会选一个肤白貌美,上凸下翘的
中恒电国际手机版:中恒电国际提供高度实用的HTML5触摸屏手机版,为移动化需求提供强劲动力;同时也提供APP封装。
支持手机版自动识别设备;无需输入另外二级域名。
支持手机版内容静态;手机版支持流媒体视频,并自适应宽度。
手机版用流行的HTML5编写;支持APP封装。
分站站群:后台快速创建站点、克隆站点、设置域名、管理员、推送数据
独立站群:完全独立系统,独立数据库、服务器;与分站站群完美搭配。
主站和分站数据可以相互推送、主站统一管理分站;极大提升效率。
多特效代码请添加HTML5前端交流群581549454
废话不多说上代码!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery手机微信端手指触摸图片放大代码</title>
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/demo.css">
<style type="text/css">
/* styles unrelated to zoom */
* { border:0; margin:0; padding:0; }
p { position:absolute; top:3px; right:28px; color:#555; font:bold 13px/1 sans-serif;}
/* these styles are for the demo, but are not required for the plugin */
.zoom {
display:inline-block;
position: relative;
}
/* magnifying glass icon */
.zoom:after {
content:'';
display:block;
width:33px;
height:33px;
position:absolute;
top:0;
right:0;
background:url(img/icon.png);
}
.zoom img {
display: block;
}
.zoom img::selection { background-color: transparent; }
#ex2 img:hover { cursor: url(img/grab.cur), default; }
#ex2 img:active { cursor: url(img/grabbed.cur), default; }
</style>
</head>
<body>
<div>
<span id='ex1'>
<img src='img/design.jpg' width='555' height='320' alt='web design'>
<p>Hover</p>
</span>
<span id='ex2'>
<img src='img/women.jpg' width='290' height='320' alt='women'>
<p>Grab</p>
</span>
<span id='ex3'>
<img src='img/horse.jpg' width='555' height='320' alt='horse'>
<p>Click to activate</p>
</span>
<span id='ex4'>
<img src='img/women2.jpg' width='290' height='320' alt='women2'>
<p>Click to toggle</p>
</span>
</div>
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src='js/jquery.zoom.js' type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#ex1').zoom();
$('#ex2').zoom({ on:'grab' });
$('#ex3').zoom({ on:'click' });
$('#ex4').zoom({ on:'toggle' });
});
</script>
</body>
</html>
*请认真填写需求信息,我们会在24小时内与您取得联系。