html轮播左右键,js实现图片点击左右轮播

这个 相当于一个小框架，拿来就可以用：

1. 功能：

如上图显示： 点击左右两个button，可以实现图片向左右滚动，也可以设置在多少秒自己滚动。

2. 首先建立一个js文件，文件名为play.js(只要和HTML中的引入相同就可以了)：

var sina = {

$: function(objName) {

if (document.getElementById) {

return eval('document.getElementById("' + objName + '")')

} else {

return eval('document.all.' + objName)

}

},

isIE: navigator.appVersion.indexOf("MSIE") != -1 ? true : false,

addEvent: function(l, i, I) {

if (l.attachEvent) {

l.attachEvent("on" + i, I)

} else {

l.addEventListener(i, I, false)

}

},

delEvent: function(l, i, I) {

if (l.detachEvent) {

l.detachEvent("on" + i, I)

} else {

l.removeEventListener(i, I, false)

}

},

readCookie: function(O) {

var o = "",

l = O + "=";

if (document.cookie.length > 0) {

var i = document.cookie.indexOf(l);

if (i != -1) {

i += l.length;

var I = document.cookie.indexOf(";", i);

if (I == -1) I = document.cookie.length;

o = unescape(document.cookie.substring(i, I))

}

};

return o

},

writeCookie: function(i, l, o, c) {

var O = "",

I = "";

if (o != null) {

O = new Date((new Date).getTime() + o * 3600000);

O = "; expires=" + O.toGMTString()

};

if (c != null) {

I = ";domain=" + c

};

document.cookie = i + "=" + escape(l) + O + I

},

readStyle: function(I, l) {

if (I.style[l]) {

return I.style[l]

} else if (I.rentStyle) {

return I.currentStyle[l]

} else if (document.defaultView && document.defaultView.getComputedStyle) {

var i = document.defaultView.getComputedStyle(I, null);

return i.getPropertyValue(l)

} else {

return null

}

}

};

function ScrollPic(scrollContId, arrLeftId, arrRightId, dotListId) {

this.scrollContId = scrollContId;

this.arrLeftId = arrLeftId;

this.arrRightId = arrRightId;

this.dotListId = dotListId;

this.dotClassName = "dotItem";

this.dotOnClassName = "dotItemOn";

this.dotObjArr = [];

this.pageWidth = 0;

this.frameWidth = 0;

this.speed = 10;

this.space = 10;

this.pageIndex = 0;

this.autoPlay = true;

this.autoPlayTime = 5;

var _autoTimeObj