整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

被遗忘的手机WAP网站,被遗忘的3GQQ,被遗忘的Q

被遗忘的手机WAP网站,被遗忘的3GQQ,被遗忘的QQ家园

机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 。毕竟让你选你坑定不会选一个黑不溜秋,瘦不拉几,你肯定会选一个肤白貌美,上凸下翘的



恒电国际CMS移动手机版

中恒电国际手机版:中恒电国际提供高度实用的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>