![](/img/trans.png)
[英]Wordpress: JavaScript plugin with bootstrap and wordpress
[英]Wordpress Plugin with Javascript
我正在開發一個wordpress插件,該插件允許用戶輸入圖像url和konami代碼 。 輸入konami代碼后,會彈出一個圖像,但我無法對其進行動畫處理,我對jQuery和Javascript有點不熟悉,而我才剛剛開始學習它……任何幫助都將是很棒的!
<script type="text/javascript" charset="utf-8">
if ( window.addEventListener ) {
var kkeys = [], konami = "{$this->opts['wpk_code']['current']}";
window.addEventListener("keydown", function(e){
kkeys.push( e.keyCode );
if ( kkeys.toString().indexOf( konami ) >= 0 ){
var elms=document.getElementById("konami").style;
elms.display=(elms.display=="block")?"none":"block";
}
}, true);
}
</script>
嘗試一下jQuery animate()上的一些示例-它們似乎可以滿足您的要求。
嘗試這個:
$('#inputField').keyup(function () {
if ($(this).val().length > 0) {
$('#konami').animate({
opacity: 1,
left: '50'
}, 100);
}
else {
$('#konami').animate({
opacity: 0,
left: '0'
}, 100);
}
});
HTML:
<input type="text" id="inputField" />
<img src="..." id="konami" style="position:relative;" />
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.