您好,登錄后才能下訂單哦!
實現功能:
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>
-----上傳了源文件,有需要的自己下載下來看看吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。