工具:网页调试工具如火狐firebug,还有谷歌自带的前端调试叫什么忘记了,
创新互联公司专注于企业成都营销网站建设、网站重做改版、毕节网站定制设计、自适应品牌网站建设、H5响应式网站、购物商城网站建设、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为毕节等各大城市提供网站开发制作服务。
打开网页,F12 进入调试,查看元素 ,鼠标移上去看就知道了,比如你这张图片在这个网页是这样的img class="ikqb_img" src="" esrc=""
是图片 摆好DIV框
简单的就是中间DIV是放个img,切换的时候替换
体验好一点的就是div里面放ul li里面放上所有图片
无缝滚动就把ul left或者right移动 水平放置li 溢出的隐藏 判断是否首尾,然后重置或者不动这个应该不用说了
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(); // 更新日期显示
});
代码:
可以,就是加个箭头模块,然后添加onclick事件,让它具备跳转图片的功能。