点击帮助按钮改变鼠标形状

$(function () {
$(‘html *:not(#btn_helper_)‘).click(function (e) {
hepler = false;
$("html").css({ cursor: "url(‘‘),auto" });
//e.stopPropagation();
});
$("#btn_helper_").click(function (e) {
$("html").css({ cursor: "url(‘images/bangzhu.cur‘),auto" });
hepler = true;
e.stopPropagation();
});});

$(".submenu a").hover(function () {
if (hepler == true)
$(this).css({ cursor: "url(‘images/bangzhu.cur‘),auto" });
else {
$(this).css({ cursor:"pointer" });
}});

$(".submenu a").click(function () {
if (hepler == false) {
$("img", $(".action").parent()).each(function(i, o) {
var o = $(o);
var url = $(o).attr("src");
url = url.replace("c.png", ".png");
$(o).attr("src", url);
});
$(‘.submenu a‘).removeClass(‘action‘);
$(this).addClass(‘action‘);
var img = $("img", $(this).parent()).eq(0);
var url = img.attr("src");
//用于修复图片消失 由于操作过程如果浏览器先触发hover会加上c.png点click后.png会被替换为c.png最终变成cc.png而使得图标不存在而消失
if (url.indexOf("c.png") < 0)
url = url.replace(".png", "c.png");
img.attr("src", url);
} else {
//得到菜单id之后要根据这个id得到相应的帮助说明不要删了
//alert("hehe "+$(this).parent().attr("onClick").split(‘,‘)[2]);
var content;
var t = $(this).find("span").html();
var menuId = "";
try {
menuId = parseInt($(this).parent().attr("onClick").split(‘,‘)[2].replace("‘", ""));
} catch(e) {
menuId = $(this).parent().attr("menuid");
}
$.post("index2.aspx?_method=getMenuContent", { menuId: menuId }, function (data) {
content = data;
$("#MenuComment").html(content);
$("#MenuComment").show();
$(‘#MenuComment‘).window({
title: t,
width: 820,
height: 500,
modal: true,
closable: true,
minimizable: false,
maximizable: true,
collapsible: true
});
});
$("html").css({ cursor: "url(‘‘),auto" });
hepler = false;
}

});

时间: 2024-12-26 16:53:16

点击帮助按钮改变鼠标形状的相关文章

Qt--改变鼠标形状

改变鼠标形状,在绘制坐标系的时候有用到,特此记下: 1 this->setMouseTracking(true); //设置为不按下鼠标键触发moveEvent 2 void mouseMoveEvent(QMouseEvent* event) 3 { 4 QPoint mousepos = event()->pos(); 5 6 //在坐标(0 ~ width,0 ~ height)范围内改变鼠标形状 7 if(mousepos.rx() > 0 8 && mousep

使用C#改变鼠标的指针形状

1.在一个无标题的窗体中用MOUSEMOVE事件判断鼠标坐标是否到达窗体的边缘,如果是的话将鼠标指针改为可调整窗体大小的双向箭头. private   void   Form1_MouseMove(object sender,   System.Windows.Forms.MouseEventArgs e)    {    if(0   ==   e.X)    {        this.Cursor   =   Cursors.SizeWE;    }       //改成这样就可以了,很奇

点击jQuery Mobile的按钮改变颜色

jquery-mobile-移动 我有这样的代码来改变点击一个按钮的颜色: $('.fav').live('click', function(e) { $(this).buttonMarkup({ theme: "b" }); }); 我怎样才能再次单击该按钮返回到正常颜色(C)? 有没有办法看到一个按钮的状态? 因为它是活的,那么你可以只让自己的切换: $('.fav').live('click', function() { var dotoggle = $(this).attr(&

请编写&quot;改变颜色&quot;、&quot;改变宽高&quot;、&quot;隐藏内容&quot;、&quot;显示内容&quot;、&quot;取消设置&quot;的函数,点击相应按钮执行相应操作,点击&quot;取消设置&quot;按钮后,提示是否取消设置,如是执行操作,否则不做操作

<!DOCTYPE HTML><html><head><meta http-equiv="txttent-Type" txttent="text/html; charset=utf-8" /><title>javascript</title><style type="text/css">body{font-size:12px;}#txt{ height:400px

C#设置鼠标在控件上面时,改变光标形状

//设置鼠标在控件上面时,改变光标形状 private void pictureBox_macroLogo_MouseHover(object sender, System.EventArgs e) { this.Cursor = Cursors.Hand; } private void pictureBox_macroLogo_MouseLeave(object sender, System.EventArgs e) { this.Cursor = Cursors.Default; }

JS 改变鼠标样式

此片记录如何改变鼠标样式: document.body.style.cursor = "url(resource/pic/icons/magnifier3.cur) 12 12,crosshair";/* */ 可常用于地图上点击某个按钮后,鼠标样式设置 原文地址:https://www.cnblogs.com/ostrich-sunshine/p/8027020.html

CSS声明 列表样式 显示方式 鼠标形状

列表样式 list-style-type list-style-image 显示方式: 默认显示方式 改变显示方式 鼠标形状: 如何改变属性形状 cursor属性 list-style-type: 该属性控制列表中列表项标志的样式 无序列表 有序列表 list-style-image 该属性使用图像替换列表项的标志 取值为:URL(),制定图像有序或无序列表项的标志 列表样式代码: <!doctype html> <html> <head> <title>列

解决基于JQ焦点图快速点击切换按钮图片显示错误的问题

之前用原生js做过焦点图,今天突然想用JQ做一下,但是遇到一个问题,当我不停点击切换按钮时,由于不停触发animate动画,导致图片显示错乱的问题,解决办法第一想到的就是点击切换后立刻解绑事件,然后动画函数运行完再添加事件,但是 ....用 $('.box').unbind('click'); 解绑后,再把原有事件添加回来却没有办法添加回来 $("button").bind("click",function(){ //函数体 }); 这样?可是函数体里没法写 ,可能

CSS 鼠标形状

css样式中鼠标形状的改变是通过cursor属性来决定的,如下所示: cursor: auto.hand.pointer.crosshair.default.text.vertical-text.wait.move.help.row-resize.col-resize.all-scroll.progress.not-allowed.no-drop. 解释说明hand:手型,通常用户将光标移到超链接上时那样pointer:和hand一样,它的兼容性更好.crosshair:十字型default: