你的白色箭头是图片还是文字呢?如果是类似搜狗输入法特殊符号的话,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);
}
当前文章:jquery箭头,css实现箭头
网页地址:https://www.cdcxhl.com/article12/dseeigc.html
成都网站建设公司_创新互联,为您提供域名注册、静态网站、微信公众号、标签优化、动态网站、网站内链
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联