jquery左右箭头,左右上下箭头

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();    // 更新日期显示

});

代码：

相关问答

Q1: 轮播图上的左右箭头是怎么实现的 能通过Jquery添加吗？

可以，就是加个箭头模块，然后添加onclick事件，让它具备跳转图片的功能。

Q2: jQuery实现箭头旋转怎么做的？

用css吧，CSS就行的，例如：

顺时针旋转90度：

-moz-transform:rotate(90deg);

-webkit-transform:rotate(90deg);

-o-transform:rotate(90deg);

transform:rotate(90deg);

filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

其它度数请自行修改下，可以用在LOGO之类的Hover效果，360度的话，参考下：

p

img{

-moz-transition:

all

0.8s

ease-in-out;

-webkit-transition:

all

0.8s

ease-in-out;

-o-transition:

all

0.8s

ease-in-out;

-ms-transition:

all

0.8s

ease-in-out;

transition:

all

0.8s

ease-in-out;

}

p

img:hover{

-moz-transform:

rotate(360deg);

-webkit-transform:

rotate(360deg);

-o-transform:

rotate(360deg);

-ms-transform:

rotate(360deg);

transform:

rotate(360deg);

}

/*绕Z轴的*/

img{

-webkit-transition:

0.4s;

-webkit-transition:

-webkit-transform

0.4s

ease-out;

transition:

transform

0.4s

ease-out;

-moz-transition:

-moz-transform

0.4s

ease-out;

}

img:hover{

transform:

rotateZ(360deg);

-webkit-transform:

rotateZ(360deg);

-moz-transform:

rotateZ(360deg);

}

Q3: jquery焦点图中的左右点击 的左方向箭头和右方向点击箭头是怎么添加的

工具：网页调试工具如火狐firebug，还有谷歌自带的前端调试叫什么忘记了，

打开网页，F12 进入调试，查看元素 ，鼠标移上去看就知道了，比如你这张图片在这个网页是这样的img class="ikqb_img" src="" esrc=""

Q4: jquery图片轮播效果，多图带左右箭头，下面小图片可以有很多张

是图片 摆好DIV框

简单的就是中间DIV是放个img，切换的时候替换

体验好一点的就是div里面放ul li里面放上所有图片

无缝滚动就把ul left或者right移动 水平放置li 溢出的隐藏 判断是否首尾，然后重置或者不动这个应该不用说了