正文
jquery左右箭头控制,js左右箭头图片切换
小程序:扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
【扫一扫了解最新限行尾号】
复制小程序
js或jqury 左右箭头控制input 内yyy-mm 格式的月份加减 asp语言
jQuery写的,在文本框获得焦点时可通过左右方向键来增减月份值:
HTML:
!DOCTYPE html
html
head
meta charset='utf-8'
script type="text/javascript" src=""/script
/head
body
input type="text" id="dateBox" /
/body
/html
JS:
var date = new Date();
// 初始化日期的日、时、分、秒为0,避免闰年等引起的跳月问题
// (例如当前日期是2012-01-31,如果不置日为0,则按下右键时会直接跳到3月)
date.setDate(0);
date.setHours(0, 0, 0, 0);
function numFormat(num){
return (num 10 ? '0' : '') + num;
}
function showDate(){
$('#dateBox').val(date.getFullYear() + '-' + numFormat(date.getMonth() + 1));
}
showDate(); // 初始化显示
// 绑定键盘事件响应
$('#dateBox').keydown(function(e){
if (e.which == 37){
// 左方向键
date.setMonth(date.getMonth() - 1);
e.preventDefault();
} else if(e.which == 39) {
// 右方向键
date.setMonth(date.getMonth() + 1);
e.preventDefault();
}
showDate(); // 更新日期显示
});
代码:
左右箭头控制是如何控制自动轮播的,给点思路就好!
思路跟单击上/下一张按钮是一样的,都是由一个事件触发效果,只不过左右箭头控制是通过监测键盘按键事件触发的,一下片段希望对你有启示:
addEvent(document, 'keyup', function(e) {
var currKey = 0,e = e || event;
currKey = e.keyCode || e.which || e.charCode;
if(currKey == 37){ // 左箭头
fnPrev(); // 上一页的实现代码
} else if(currKey == 39){ // 右箭头
fnNext(); // 下一页
}
});
// 注册事件监听
function addEvent(el, type, fn) {
if(window.addEventListener) {
el.addEventListener(type, fn, false);
} else if(window.attachEvent) {
el.attachEvent('on' + type, fn);
};
}
轮播图上的左右箭头是怎么实现的 能通过Jquery添加吗?
可以,就是加个箭头模块,然后添加onclick事件,让它具备跳转图片的功能。
关于jquery左右箭头控制和js左右箭头图片切换的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。