html鼠标悬停变成小手 鼠标停在图片上变成小手怎么实现

学习前端的同学你们知道怎么使鼠标停在图片上变成小手吗?下面是小编收集整理关于鼠标停在图片上变成小手的资料以供大家参考学习,希望大家喜欢。

鼠标停在图片上变成小手的代码

加个样式就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')); //调试

}

)

}

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('输入的内容太长!不能超过十八个字!');

// 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('内容不能为空,请填写内容!');

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('内容不能为空,请填写内容!');

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('内容不能为空,请填写内容!');

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="设置状态";

}

}

});

//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);

html鼠标悬停变成小手 鼠标停在图片上变成小手怎么实现

//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>

  

爱华网本文地址 » http://www.aihuau.com/a/237461/359273260.html

更多阅读

钟林灵:他让父母从打工仔变成小老板

关注“中国大学生自强之星”评选活动  他让爸妈从打工者变成小老板  ——记西南科技大学2006级城市规划专业学生钟林灵  站在火锅店狭窄的厨房里,一个瘦高的小伙子熟练地切着藕片,身上的围裙沾着油渍。他一身土黄色的毛衣,

产权式商铺:到口肥肉缘何变成烫手山芋

 “投了70万元,本想坐收租金,眼看着情况不妙,想退出保本却被套住了,”于先生愁眉苦脸地告诉记者。他身后就是自己投下血本的位于北京西南三环边上的某商业楼盘,此时空空如也,虽然坐拥北京西南商圈,却不见任何旺铺的景象。   在这座楼盘

小手拉大手作文100字 小手拉大手作文

小手拉大手作文篇一:小手拉大手花开花落,生命更替,一双灵泛的小眼睛眨巴地望着你,你的欣喜,你的疼惜。没有事先的约定,从那一刻起,就注定了我们一生的交集。葡萄架下,热被窝里,都是你给我的故事的天地,在童话的世界里,你向我诉说着一个个美

声明:《html鼠标悬停变成小手 鼠标停在图片上变成小手怎么实现》为网友梦回旧景分享!如侵犯到您的合法权益请联系我们删除