图片上的左右箭头js代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>图片上的左右箭头js代码</title>
</head>
<body>
<img id="img1" src="http://img.273.com.cn/200905/20090526133320.JPG" />
<script type="text/javascript">
var Util = {};
//Event对象
Util.Event = {
    stop: function(ent){
        var e = ent||window.event;
        if (e.preventDefault){
          e.preventDefault();
          e.stopPropagation();
        }
        else{
          e.returnValue = false;
          e.cancelBubble = true;
        }
    },
    add:function(elem,name,fn,useCapture){
        if (name == 'keypress' &&
        (navigator.appVersion.match(/Konqueror|Safari|KHTML/)
        || elem.attachEvent))
            name = 'keydown';
        if(elem.addEventListener){
            elem.addEventListener(name,fn,useCapture);
        }
        if(elem.attachEvent){
            elem.attachEvent("on"+name,fn);
        }
    },
    getEvent:function() {
        if (window.event) {
            return this.formatEvent(window.event);
        } else {
            return this.getEvent.caller.arguments[0];
        }
    },
    formatEvent:function (oEvent) {
        if (document.all) {
            oEvent.charCode = (oEvent.type == "keypress") ? oEvent.keyCode : 0;
            oEvent.eventPhase = 2;
            oEvent.isChar = (oEvent.charCode > 0);
            oEvent.pageX = oEvent.clientX + document.body.scrollLeft;
            oEvent.pageY = oEvent.clientY + document.body.scrollTop;
            oEvent.layerX = oEvent.offsetX;
            oEvent.layerY = oEvent.offsetY;
            oEvent.preventDefault = function () {
                this.returnValue = false;
            }

            if (oEvent.type == "mouseout") {
                oEvent.relatedTarget = oEvent.toElement;
            } else if (oEvent.type == "mouseover") {
                oEvent.relatedTarget = oEvent.fromElement;
            }
            oEvent.stopPropagation = function () {
                this.cancelBubble = true;
            };
            oEvent.target = oEvent.srcElement;
            oEvent.time = (new Date).getTime();
        }
        return oEvent;
    }
}

function $$(element) {
return document.getElementById(element);
}

var arrowImage1 = new Image();arrowImage1.src = "http://coderhome.net/demo/arrow001.gif";
var arrowImage2 = new Image();arrowImage2.src = "http://coderhome.net/demo/arrow002.gif";

var NextPageTips = function(obj){

var str = new String('\<div style="width:103px;height:27px; text-align:center;"><img id="cursorImg" style="cursor:url(transMouse.cur),auto" src="arrow001.gif" /></div>\
');

    Util.Event.add(obj,"mousemove",function(){
       var ObjectX = 0;
       ObjectX = Util.Event.getEvent().layerX;

        if($$('NextPageTips')==null) {
   var oDiv = document.createElement("div");
   oDiv.style.position = "absolute";
   oDiv.style.left = Util.Event.getEvent().pageX + "px";
   oDiv.style.top = Util.Event.getEvent().pageY + "px";

   oDiv.id = "NextPageTips";
   oDiv.style.height="20px";
   oDiv.style.width="103px";
   document.body.appendChild(oDiv);

   $$('NextPageTips').innerHTML = str;
  }

  $$('NextPageTips').style.left = Util.Event.getEvent().pageX - 45 + "px";
  $$('NextPageTips').style.top = Util.Event.getEvent().pageY + 10 + "px";
  if(document.all)
  {
       Util.Event.stop();
  }

imgs = new Array('http://img.273.com.cn/200905/20090526133320.JPG','http://img.273.com.cn/200905/20090526133333.JPG','http://img.273.com.cn/200905/20090526133344.JPG','http://img.273.com.cn/200905/20090526133409.JPG');

var img = $$('img1');
img.style.cursor = "url(transMouse.cur),auto";
i = 0;
img.src = imgs[i];

new NextPageTips(img);
</script>
</body>
</html>

来源：https://www.cnblogs.com/skykang/archive/2010/07/31/1789593.html

标签

js代码

event

var