鼠标停在图片上变成小手怎么实现.docx
- 文档编号:2361248
- 上传时间:2023-05-03
- 格式:DOCX
- 页数:12
- 大小:16.43KB
鼠标停在图片上变成小手怎么实现.docx
《鼠标停在图片上变成小手怎么实现.docx》由会员分享,可在线阅读,更多相关《鼠标停在图片上变成小手怎么实现.docx(12页珍藏版)》请在冰点文库上搜索。
鼠标停在图片上变成小手怎么实现
鼠标停在图片上变成小手怎么实现
学习前端的同学你们知道怎么使鼠标停在图片上变成小手吗?
下面是小编收集整理关于鼠标停在图片上变成小手的资料以供大家参考学习,希望大家喜欢。
鼠标停在图片上变成小手的代码
加个样式就ok了
style=“cursor:
cursor:
pointer”
dwr写的js
<scripttype="text/javascript">
<!
--
varbikelistCache={};
functionfindMnotes(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);
}
}
);
*/
varmnote,id;
//list.sort(function(p1,p2){returnp1.id<p2.id;});//排序
//alert(DWRUtil.toDescriptiveString(list,'id'));
if(list!
=null&&list.length>0){
$("div"+n).style.display="none";
for(vari=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'));//调试
}
)
}
functioninitTab()
{
//alert('<s:
propertyvalue="#session.user.userId"/>');
<%Listlist1=WafDataProxy.getDataItemListByDataId("meetingphase");
if(list1!
=null&&list1.size()>0){
for(inti=0;i<list1.size();i++){
DataItemd=(DataItem)list1.get(i);
d.getItemDescription();
d.getItemValue();
%>
findMnotes('<s:
propertyvalue="meetingId"/>','<%=d.getItemId()%>','<s:
propertyvalue="#session.user.userId"/>',<%=i%>);
<%
}
}%>
}
functionsave()
{
//if(mnoteForm20.title.value.length>18){
//alert('输入的内容太长!
不能超过十八个字!
');
//return;
//}
varmnote={meetingId:
null,title:
null,userId:
null,phase:
null,type:
null};
dwr.util.getValues(mnote);
//alert(DWRUtil.toDescriptiveString(bike,"id"));
//varsel=$("years_sel").value==""?
null:
$("years_sel").value;
if(mnote.title==''||mnote.title==null){
alert('内容不能为空,请填写内容!
');
return;
}
dwr.engine.beginBatch();
MnoteAction.UpdateNote(mnote);
findMnotes('<s:
propertyvalue="meetingId"/>','meetingphase_701','<s:
propertyvalue="#session.user.userId"/>',0);
dwr.engine.endBatch();
document.getElementById("addTr").style.display="none";
}
functionsave1()
{
varmnote={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"));
//varsel=$("years_sel").value==""?
null:
$("years_sel").value;
dwr.engine.beginBatch();
MnoteAction.UpdateNote(mnote);
findMnotes('<s:
propertyvalue="meetingId"/>','meetingphase_702','<s:
propertyvalue="#session.user.userId"/>',1);
dwr.engine.endBatch();
document.getElementById("addTr1").style.display="none";
}
functionsave2()
{
varmnote={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"));
//varsel=$("years_sel").value==""?
null:
$("years_sel").value;
dwr.engine.beginBatch();
MnoteAction.UpdateNote(mnote);
findMnotes('<s:
propertyvalue="meetingId"/>','meetingphase_703','<s:
propertyvalue="#session.user.userId"/>',2);
dwr.engine.endBatch();
document.getElementById("addTr2").style.display="none";
}
functionsss(){
findMnotes(mnote.meet,function()
{
alert("完成了");
}
);
}
functionupdateState(eleid)
{
varnoteid=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);
}
functiondelMnote(eleid)
{
//varsel=$("years_sel").value==""?
null:
$("years_sel").value;
varnoteid=eleid.substring(6);//delete01delete02..前缀是6位
if(!
confirm("您确认要删除此条信息吗!
")){
return;
}
dwr.engine.beginBatch();
MnoteAction.deleteMnoteById(noteid);
dwr.util.removeAllOptions("template0"+noteid);
MnoteAction.getMnoteList2('<s:
propertyvalue="meetingId"/>','meetingphase_701','<s:
propertyvalue="#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);
}
*/
}
functiondelMnote1(eleid)
{
//varsel=$("years_sel").value==""?
null:
$("years_sel").value;
varnoteid=eleid.substring(6);//delete01delete02..前缀是6位
if(!
confirm("您确认要删除此条信息吗!
")){
return;
}
dwr.engine.beginBatch();
MnoteAction.deleteMnoteById(noteid);
dwr.util.removeAllOptions("template1"+noteid);
MnoteAction.getMnoteList2('<s:
propertyvalue="meetingId"/>','meetingphase_702','<s:
propertyvalue="#session.user.userId"/>',
function(list){
if(list.length>0){
}else{
$("div1").style.display="block";
}
}
);
dwr.engine.endBatch();
}
functiondelMnote2(eleid)
{
//varsel=$("years_sel").value==""?
null:
$("years_sel").value;
varnoteid=eleid.substring(6);//delete01delete02..前缀是6位
if(!
confirm("您确认要删除此条信息吗!
")){
return;
}
dwr.engine.beginBatch();
MnoteAction.deleteMnoteById(noteid);
dwr.util.removeAllOptions("template2"+noteid);
MnoteAction.getMnoteList2('<s:
propertyvalue="meetingId"/>','meetingphase_703','<s:
propertyvalue="#session.user.userId"/>',
function(list){
if(list.length>0){
}else{
$("div2").style.display="block";
}
}
);
dwr.engine.endBatch();
//alert('删除成功!
');
}
//-->
</script>
鼠标停在图片上变成小手怎么实现相关文章:
1.css实现鼠标放到图片上慢慢变大
2.css实现鼠标移动到图片上,显示图片
3.js实现鼠标移到图片显示文字
4.Windows7怎么将鼠标设置为左手操作
5.word2007中实现图片旋转的四种方法
6.PPT如何实现点小图看大图点击缩略图效果
7.鼠标手是怎么形成的
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 鼠标 停在 图片 变成 小手 怎么 实现