機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小時內與您取得聯系。