實現功能:
成都創新互聯公司專注為客戶提供全方位的互聯網綜合服務,包含不限于成都網站設計、成都網站建設、赤峰林西網絡推廣、微信小程序定制開發、赤峰林西網絡營銷、赤峰林西企業策劃、赤峰林西品牌公關、搜索引擎seo、人物專訪、企業宣傳片、企業代運營等,從售前售中售后,我們都將竭誠為您服務,您的肯定,是我們最大的嘉獎;成都創新互聯公司為所有大學生創業者提供赤峰林西建站搭建服務,24小時服務熱線:18980820575,官方網址:vcdvsql.cn
1、當點擊按鈕的時,模仿手機操作欄彈出的效果!
Jquery代碼:
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
if(flag){
flag = false;
$("#box").css("display","block").animate({top:"-=180px"});
}
});
});
var flag = true;
</script>
HTML代碼:
<body>
<div style="position:relative;">
<!--呢個系裝住全部內容的DIV,調成相對!! 滾動條就會為呢個左上角的x y軸為始點開始計算 top left ;-->
<div id="box" style="position:absolute; display:none; left:0px; top:180px; background:#999; height:60px; width:200px; ">
<!--left,top的數值自己微調-->
</div>
<img src="p_w_picpaths/1.jpg" ><br>
<button class="btn1">藍牙</button>
</div>
</body>
-----上傳了源文件,有需要的自己下載下來看看吧!
本文題目:Jquery仿手機操作彈出動畫
鏈接分享:http://vcdvsql.cn/article10/pdejgo.html
成都網站建設公司_創新互聯,為您提供品牌網站建設、品牌網站設計、網站設計公司、App開發、網站營銷、定制開發
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯