在我們的生活中那，如何操作上述標題的小問題，小編今天就在這裡給大家分享一點我的小經驗，來增加我們的體驗，希望可以給你們帶來幫助。1把解壓後的StarCraft資料夾放到手機的內建
2020-11-30 07:49:03
jQuery自定義圖片標注外掛
2019-12-11 14:24:50
jQuery自定義圖片標注外掛
1
新建html文件。
2
準備好需要用到的圖示。
3
書寫hmtl程式碼。
<form action="" id="imgform">
<p>圖片連結:</p>
<input type="text" name="src" value="build.jpg" style="display:block;width:100%;height:30px">
<button class="addpic" type="submit" disabled="disabled" style="margin-top:10px;padding:10px;width:100%">點選標註圖片</button>
</form>
4
書寫css程式碼。
<style>
* { padding: 0; margin: 0 }
.top-tab { background-color: #333; padding: 10px; margin-bottom: 50px }
.top-tab a { display: flex; align-items: center; color: #fff }
#imgform { margin: 0 auto; width: 500px }
</style>
5
書寫並新增js程式碼。
<script src="scripts/jquery.js"></script>
<script src="scripts/jquery.imageLabel.min.js"></script>
<script>
$(function() {
$(".right-select-box");
$(".addpic").removeAttr("disabled"), $("#imgform").submit(function(t) {
t.preventDefault();
window.c = imageLabel({
img: $("[name=src]").val(),
editPop: !0,
close: function(t) {
return t.length && alert(JSON.stringify(t)), !0
},
clickArea: function() {},
edit: function(t) {},
startArea: function() {},
confirm: function(t) {
return t.length && alert(JSON.stringify(t)), !0
}
})
})
})
</script>
6
程式碼整體結構。
7
檢視效果。
相關文章
-
星海爭霸2自由之翼 揭露黑幕觸發與過關及技巧。
星海爭霸2，發現成就裡有個揭露黑幕是黑的，該怎麼辦呢？1首先觸發隱藏關卡「揭露黑幕」是要在「媒體轟炸」這一任務裡用A強制攻擊摧毀右下角的平民建築。如果你已經打過媒體轟炸，
2020-11-30 06:46:19
-
製作星海爭霸2標準1V1對戰地圖
此製作流程為詳細版，適合所有玩家或者作者。1v1地圖在星海爭霸2乃至所有遊戲中是控制平衡性最重要的因素之一，所以想做地圖，就要先會玩遊戲。在此我將為各位展示目前版本的地圖
2020-11-30 06:06:43
-
玩星海爭霸2出現閃退現象怎麼辦
使用者有遇到過在玩星海爭霸2遊戲時會出現閃退現象，這是驅動問題或系統設定不當導致的，下面一起來看看有什麼解決方法吧。1首先，換一個顯示卡驅動，可通過官方網站下載軟體更新驅
2020-11-30 05:46:43
-
星海爭霸2星靈攻略
教你從青銅打到大師~1第1課.青銅組青銅組目標：把錢花光,瞭解基本的建築順序所謂學會4BG,白銀2800青銅組的P民們第一課是學會4BG的基本建築順序，然後把錢用來刷兵[專業詞彙解釋
2020-11-30 05:29:21
-
星海爭霸1蟲族任務第七關攻略
星海爭霸1是一款90年代末流行的即時戰略遊戲，居然到現在還有很多人玩，一是說明這個遊戲質量非常好，二是證明此類遊戲後繼無人，下面介紹一下星海爭霸1蟲族任務第七關攻略以供參考
2020-11-30 02:29:46