你的白色箭頭是圖片還是文字呢?如果是類似搜狗輸入法特殊符號的話,JS中沒有就不會翻譯過來,如果是圖片的話,可否把相應(yīng)的CSS發(fā)上來看一下
創(chuàng)新互聯(lián)從2013年成立,先為蕉嶺等服務(wù)建站,蕉嶺等地企業(yè),進行企業(yè)商務(wù)咨詢服務(wù)。為蕉嶺企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
keys?這個是哪來的,jqgrid中在editGridRow,viewGridRow中才有navkeys的設(shè)置,設(shè)置了以后進入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方法。
圖片路徑記得改
工具:網(wǎng)頁調(diào)試工具如火狐firebug,還有谷歌自帶的前端調(diào)試叫什么忘記了,
打開網(wǎng)頁,F(xiàn)12 進入調(diào)試,查看元素 ,鼠標(biāo)移上去看就知道了,比如你這張圖片在這個網(wǎng)頁是這樣的img class="ikqb_img" src="" esrc=""
可以,就是加個箭頭模塊,然后添加onclick事件,讓它具備跳轉(zhuǎn)圖片的功能。
用css吧,CSS就行的,例如:
順時針旋轉(zhuǎn)90度:
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
其它度數(shù)請自行修改下,可以用在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);
}