jQuery html5安卓屏幕手勢解鎖屏特效



95 377 126



特效描述:jQuery html5安卓 屏幕手勢解鎖屏,html5手勢解鎖屏

代碼結構

1. 引入CSS

<link href="css/patternLock.css" rel="stylesheet" type="text/css" />

2. 引入JS

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/patternLock.js"></script>

3. HTML代碼

<div id="warp">
	<h1>圖案鎖實例</h1>
    <p>1、基礎初始化</p>
    <div id="patternContainer"></div>
    <p>2、兩點間到達目標點才畫線</p>
    <div id="patternContainer1"></div>
    <p>3、當圖案連線完成后才顯示連線</p>
    <div id="patternContainer2"></div>
    <p>4、改變兩個點之間的距</p>
    <div id="patternContainer3"></div>
    <p>5、自定義距陣</p>
    <div id="patternContainer4"></div>
    <p>6、使用映射</p>
  <div id="patternContainer5"></div>
    <p>7、作為驗證碼使用,這個在服務端需用到  patternCaptha,有興趣的朋友可以研究下,這里就不多說了。</p>
    <div id="patternContainer6"></div>
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 拖動 拖拽 拖動插件 拖拽插件 圖片拖動 圖片拖拽
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子