jquery图片左右滚动代码

作者：袖梨 2022-06-25

提示：您可以先修改部分代码再运行

jquery图片左右滚动代码

<title>网页js特效,<a href="https://www.111cn.net/cssdiv/css.html" target="_blank">css</a>,网页素材下载</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<style>
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fields

et,div,strong,label,em{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
input,button{margin:0;font-size:12px;vertical-align:middle;}
body{font-size:12px;font-family:Arial, Helvetica, sans-serif;  text-align:left;

margin:0 auto;}
table{border-collapse:collapse;border-spacing:0;}
b,em,i{ font-style:normal; font-weight:normal;}
h1,h2,h3,h4{ font-size:14px;}
h5{ font-size:12px;}
h6{ font-size:12px;font-style:normal;}

.box-163css{position:relative;  margin:20px auto;OVERFLOW: hidden;

}
.pageLR {Z-INDEX: 1000; LEFT: 0px; WIDTH: 100%; top:80px; position:absolute; }
.pageLeft {BACKGROUND: url(../images/pageLeft.png) no-repeat left top; FLOAT:

left;  CURSOR: pointer;  _filter:

progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',

sizingMethod='scale', src="images/pageLeft.png"); _background: none}
.pageLOver {BACKGROUND: url(../images/pageLeftOver.png) no-repeat left top;

FLOAT: left;  CURSOR: pointer;  _filter:

progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',

sizingMethod='scale', src="images/pageLeftOver.png"); _background: none}
.pageRight {BACKGROUND: url(../images/pageRight.png) no-repeat right top; FLOAT:

right;  CURSOR: pointer; _background: none; _filter:

progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',

sizingMethod='scale', src="images/pageRight.png"); }
.pageROver {BACKGROUND: url(../images/pageRightOver.png) no-repeat right top;

FLOAT: right;  CURSOR: pointer; _background: none;

_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',

sizingMethod='scale', src="images/pageRightOver.png"); }

.rexiaoPic {OVERFLOW: hidden;  }
.sell_order {BACKGROUND: url(../images/rexiaoPicBg2.gif) repeat-x 0px 0px;  POSITION: absolute}
.rexiaoPic LI {BACKGROUND: url(../images/rexiaoPicBg.gif) no-repeat right center;

FLOAT: left; }

</style>
<script type="text/javascript" src="http://ajax.goo*g*leap*is.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
ph$ = {
	bindEvt : function() {
		var o = {};
		o.btn_sell_l = $("#pageLeft");
		if (o.btn_sell_l.length > 0) {
			o.btn_sell_l.bind("click", function() {
				ph$.scrollLveSell('right');
			});
		}
		o.btn_sell_r = $("#pageRight");
		if (o.btn_sell_r.length > 0) {
			o.btn_sell_r.bind("click", function() {
				ph$.scrollLveSell('left');
			});
		}

},
	scrollLveSell : function(o) {
		if (this.cfg.lv_flag == 0)
			return false;
		var tar = $("#sell_order");
		var tar2 = $("#sell_order_t");
		tar.stop();
		tar2.stop();
		var max_num = $("#sell_order>li").length;
		var ;
		var left = 0;
		var pos = tar.position();
		//alert(pos.left + "|" + width);
		if (o == "left") {
			if (Math.abs(pos.left)+width > width*(max_num-5)) {
				return false;
			}
			left = pos.left - width;
		} else if (o == "right") {
			if (pos.left >= 0) {
				return false;
			}
			left = pos.left + width;
		}
		left = left + "px";
		//alert(left);
		ph$.cfg.lv_flag = 0;
		tar.animate({
			left: left
		}, 600);
		tar2.animate({
			left: left
		}, 600, function() {
			ph$.cfg.lv_flag = 1;
			//alert(pos.left);
		});
	},

cfg : {

},
	init : function() {
		this.bindEvt();
	}
};

jQuery(function($) {
	ph$.init();
});
</script>
<meta content="MSHTML 6.00.6000.17092" name="GENERATOR">

提示：您可以先修改部分代码再运行