鼠標停在圖片上變成小手怎么實現(xiàn)
學習前端的同學你們知道怎么使鼠標停在圖片上變成小手嗎?下面是學習啦小編收集整理關于鼠標停在圖片上變成小手的資料以供大家參考學習，希望大家喜歡。
鼠標停在圖片上變成小手的代碼
加個樣式就ok了
style=“cursor：cursor:pointer”
dwr 寫的js
<script type="text/javascript">
<!--
var bikelistCache = { };
function findMnotes(mId,pId,uId,n, callbck)
{
MnoteAction.getMnoteList2(mId,pId,uId,
function (list)
{
/*
dwr.util.removeAllRows("tablebody"+n, { filter:function(tr)
{
// alert(tr.id);
return (tr.id != "template"+n);
}
}
);
*/
var mnote, id;
//list.sort( function(p1, p2) { return p1.id < p2.id;} );//排序
//alert(DWRUtil.toDescriptiveString(list,'id'));
if(list!=null && list.length>0){
$("div"+n).style.display="none";
for (var i = 0; i < list.length; i++) {
mnote = list[i];
id = mnote.noteId;
//復制模板行，并加上后綴比如id變成id0, id1... type變成type0,type1, edit變成 edit0,edit1
dwr.util.cloneNode("template"+n, { idSuffix:id });
// dwr.util.setValue("tabid" + id, mnote.meetingId);
if(mnote.title.length1=null && mnote.title.length>12){
dwr.util.setValue("tabtype" + id, mnote.title.substring(0,12));
}else{
dwr.util.setValue("tabtype" + id, mnote.title);
}
//dwr.util.setValue("bid"+id,mnote.type);
//$("bid"+id).innerText=mnote.type;
$("tabtype"+id).title=mnote.title;
if(mnote.type==null || mnote.type==''){
$("tabtype"+id).innerHTML="<b>["+" "+"]</b>"+$("tabtype"+id).innerText;
}else{
$("tabtype"+id).innerHTML="<b>["+mnote.type+"]</b>"+$("tabtype"+id).innerText;
}
//alert($("tabtype"+id).innerText);
// dwr.util.setValue("tabbikeName" + id, mnote.phase);
// alert($("template"+n + id));
if(mnote.state==1){
$("imgState"+id).src="images/meeting/xts_OK.png";
$("imgState"+id).alt="已完成";
}
$("template"+n + id).style.display = "block"; //把被復制的行顯示打開
bikelistCache[id]=mnote;
}
}else{
$("div"+n).style.display="block";
}
if(callbck)
callbck()
//alert(tablebody.innerHTML);
//alert(DWRUtil.toDescriptiveString(bikelistCache,'id')); //調(diào)試
}
)
}
function initTab()
{
//alert('<s:property value="#session.user.userId" />');
<% List list1=WafDataProxy.getDataItemListByDataId("meetingphase");
if(list1!=null && list1.size()>0){
for(int i=0;i<list1.size();i++){
DataItem d=(DataItem)list1.get(i);
d.getItemDescription();
d.getItemValue();
%>
findMnotes('<s:property value="meetingId" />','<%=d.getItemId() %>','<s:property value="#session.user.userId" />',<%=i%>);
<%
}
}%>
}
function save()
{
//if(mnoteForm20.title.value.length>18){
// alert('輸入的內(nèi)容太長!不能超過十八個字!');
// return;
//}
var mnote = {meetingId:null, title:null,userId:null, phase:null,type:null};
dwr.util.getValues(mnote);
// alert(DWRUtil.toDescriptiveString(bike,"id"));
// var sel = $("years_sel").value==""?null:$("years_sel").value;
if(mnote.title=='' || mnote.title==null){
alert('內(nèi)容不能為空，請?zhí)顚憙?nèi)容!');
return ;
}
dwr.engine.beginBatch();
MnoteAction.UpdateNote(mnote);
findMnotes('<s:property value="meetingId" />','meetingphase_701','<s:property value="#session.user.userId" />',0);
dwr.engine.endBatch();
document.getElementById("addTr").style.display="none";
}
function save1()
{
var mnote = {meetingId:null, title:null,userId:null, phase:null,type:null};
dwr.util.getValues(mnote);
mnote.phase=mnoteForm21.phase1.value;
mnote.title=mnoteForm21.title1.value;
mnote.type=mnoteForm21.type1.value;
if(mnote.title=='' || mnote.title==null){
alert('內(nèi)容不能為空，請?zhí)顚憙?nèi)容!');
return ;
}
// return;
// alert(DWRUtil.toDescriptiveString(bike,"id"));
// var sel = $("years_sel").value==""?null:$("years_sel").value;
dwr.engine.beginBatch();
MnoteAction.UpdateNote(mnote);
findMnotes('<s:property value="meetingId" />','meetingphase_702','<s:property value="#session.user.userId" />',1);
dwr.engine.endBatch();
document.getElementById("addTr1").style.display="none";
}
function save2()
{
var mnote = {meetingId:null, title:null,userId:null, phase:null,type:null};
dwr.util.getValues(mnote);
mnote.phase=mnoteForm22.phase2.value;
mnote.title=mnoteForm22.title2.value;
mnote.type=mnoteForm22.type2.value;
if(mnote.title=='' || mnote.title==null){
alert('內(nèi)容不能為空，請?zhí)顚憙?nèi)容!');
return ;
}
// return;
// alert(DWRUtil.toDescriptiveString(bike,"id"));
// var sel = $("years_sel").value==""?null:$("years_sel").value;
dwr.engine.beginBatch();
MnoteAction.UpdateNote(mnote);
findMnotes('<s:property value="meetingId" />','meetingphase_703','<s:property value="#session.user.userId" />',2);
dwr.engine.endBatch();
document.getElementById("addTr2").style.display="none";
}
function sss(){
findMnotes(mnote.meet, function()
{
alert("完成了");
}
);
}
function updateState(eleid)
{
var noteid =eleid.substring(8);
MnoteAction.updateMnoteStateById(noteid,function(flag){
if(flag){
if(($("imgState"+noteid).src.indexOf("images/meeting/xts_zt.png"))>=0){
$("imgState"+noteid).src="images/meeting/xts_OK.png";
$("imgState"+noteid).alt="已完成";
}else{
$("imgState"+noteid).src="images/meeting/xts_zt.png";
$("imgState"+noteid).alt="設置狀態(tài)";
}
}
});
//alert(noteid);
}
function delMnote(eleid)
{
//var sel = $("years_sel").value==""?null:$("years_sel").value;
var noteid =eleid.substring(6); //delete01 delete02.. 前綴是6位
if(!confirm("您確認要刪除此條信息嗎!")){
return;
}
dwr.engine.beginBatch();
MnoteAction.deleteMnoteById(noteid);
dwr.util.removeAllOptions("template0"+noteid);
MnoteAction.getMnoteList2('<s:property value="meetingId" />','meetingphase_701','<s:property value="#session.user.userId" />',
function(list){
if(list.length>0){
}else{
$("div0").style.display="block";
}
}
);
dwr.engine.endBatch();
/*
divNode1=$("tablebody0");
alert(divNode1.innerHTML);
nnote=divNode1.children("template0"+noteid);
alert(nnote.length);
nnote.removeNode(true);
divNode1.removeChild(nnote);
if(divNode1.contains(nnote)){
alert(true);
}
divNode1.removeChild(nnote);
//urnode=mnoteForm20.getElementsByTagName("ul");
urnode=divNode1.getElementsByTagName("ul");
alert(urnode.length);
if(urnode.length<=2){
$("div0").style.display="block";
}else{
alert(urnode.length);
}
*/
}
function delMnote1(eleid)
{
//var sel = $("years_sel").value==""?null:$("years_sel").value;
var noteid =eleid.substring(6); //delete01 delete02.. 前綴是6位
if(!confirm("您確認要刪除此條信息嗎!")){
return;
}
dwr.engine.beginBatch();
MnoteAction.deleteMnoteById(noteid);
dwr.util.removeAllOptions("template1"+noteid);
MnoteAction.getMnoteList2('<s:property value="meetingId" />','meetingphase_702','<s:property value="#session.user.userId" />',
function(list){
if(list.length>0){
}else{
$("div1").style.display="block";
}
}
);
dwr.engine.endBatch();
}
function delMnote2(eleid)
{
//var sel = $("years_sel").value==""?null:$("years_sel").value;
var noteid =eleid.substring(6); //delete01 delete02.. 前綴是6位
if(!confirm("您確認要刪除此條信息嗎!")){
return;
}
dwr.engine.beginBatch();
MnoteAction.deleteMnoteById(noteid);
dwr.util.removeAllOptions("template2"+noteid);
MnoteAction.getMnoteList2('<s:property value="meetingId" />','meetingphase_703','<s:property value="#session.user.userId" />',
function(list){
if(list.length>0){
}else{
$("div2").style.display="block";
}
}
);
dwr.engine.endBatch();
// alert('刪除成功!');
}
//-->
</script>
鼠標停在圖片上變成小手怎么實現(xiàn)相關文章：