好了,这是一个场景,我希望用户能够按下键盘上的左右箭头键,让页面上的jquery幻灯片触发下一张幻灯片。我想使用右箭头键,但除了回车、空格或制表符以外的任何键都可以(我只想用一个键来实现)。我在想
$('#target').keyup(function(event){.doslide();}
或者其他什么的任何帮助都将不胜感激。
<script type="text/javascript">
var slo=null;
var sola = Array();
var prev = 0;
var cur = 1;
var timi=null
jQuery.noConflict()
jQuery(document).ready(function() {
sol = $(".slide")
var sho = document.getElementById('slidya').getElementsByTagName('a');
for(var i=1;i<sho.length-1;i++)sola.push(sho[i]);
for(var i=1;i<sol.length;i++)sol[i].style.display = 'none';
timi = window.setInterval('doslide()',10000);
})
function doslide()
{
$(sol[prev]).fadeOut(3000);
$(sol[cur]).fadeIn(3000);
sola[prev].className = 'number'
sola[cur].className = 'number select'
prev = cur++;
if(cur>sol.length-1)
{
cur=0;
prev= sol.length-1;
}
}
function prevnext(mode)
{
window.clearInterval(timi);timi=null;
if(mode)
{
if(cur>sol.length-1)
{
cur=0;
prev= sol.length-1;
}
doslide();
}
else
{
cur--;
prev--;
if(prev<0)
{
cur=0;
prev= sol.length-1;
}
if(cur<0)
{
cur=sol.length-1;
prev=cur-1 ;
}
$(sol[cur]).fadeOut(3000);
$(sol[prev]).fadeIn(3000);
sola[cur].className = 'number'
sola[prev].className = 'number select'
}
timi = window.setInterval('doslide()',10000)
}
function thisisit(aiyo)
{
cur = aiyo
window.clearInterval(timi);timi=null;
$(sol[cur]).fadeIn(1000);
$(sol[prev]).fadeOut(1000);
sola[cur].className = 'number select'
sola[prev].className = 'number'
prev=cur
++cur;
if(prev<0)prev = sol.length-1;
timi = window.setInterval('doslide()',10000)
}
</script>
1条答案
按热度按时间vql8enpb1#
我会尝试这样的东西: