十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
你的白色箭头是图片还是文字呢?如果是类似搜狗输入法特殊符号的话,JS中没有就不会翻译过来,如果是图片的话,可否把相应的CSS发上来看一下
创新互联从2013年成立,先为蕉岭等服务建站,蕉岭等地企业,进行企业商务咨询服务。为蕉岭企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
keys?这个是哪来的,jqgrid中在editGridRow,viewGridRow中才有navkeys的设置,设置了以后进入formedit就能用上下箭头进行移动行
a href="#" id="toggle" class="top"展开img src="img/1401957442.png" / /abr /
$("#toggle").click(function() {
$(this).html($("#content").is(":hidden") ? "收起"+"img src='img/1401957442.png' /" : "展开"+"img src='img/1401957442.png' /");
$("#content").slideToggle();
});
按你这种写法,直接把三角的图片跟那个文字写在一起,要不然还真不太方便控制。把text方法改成html方法。
图片路径记得改
工具:网页调试工具如火狐firebug,还有谷歌自带的前端调试叫什么忘记了,
打开网页,F12 进入调试,查看元素 ,鼠标移上去看就知道了,比如你这张图片在这个网页是这样的img class="ikqb_img" src="" esrc=""
可以,就是加个箭头模块,然后添加onclick事件,让它具备跳转图片的功能。
用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);
}