[英]Wordpress Plugin with Javascript
I am working on a wordpress plugin which allows a user to enter a image url and konami code . 我正在开发一个wordpress插件,该插件允许用户输入图像url和konami代码 。 When the konami code is entered an image pops up, but I can't get it to animate, I am somewhat unfamiliar with jQuery and Javascript, and I am just starting to learn it... Any help would be fantastic!
输入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()上的一些示例-它们似乎可以满足您的要求。
Try this: 尝试这个:
$('#inputField').keyup(function () {
if ($(this).val().length > 0) {
$('#konami').animate({
opacity: 1,
left: '50'
}, 100);
}
else {
$('#konami').animate({
opacity: 0,
left: '0'
}, 100);
}
});
HTML: HTML:
<input type="text" id="inputField" />
<img src="..." id="konami" style="position:relative;" />
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.