Tip: you can modify some code before running
Jquery image scroll code<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"><HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Webpage js special effects, css, and webpage material download</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,fieldset,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; width:980px; margin:20px auto;OVERFLOW: hidden; HEIGHT: 324px}.pageLR {Z-INDEX: 1000; LEFT: 0px; WIDTH: 100%; top:80px; position:absolute; }.pageLeft {BACKGROUND: url(../images/pageLeft.png) no-repeat left top; FLOAT: left; WIDTH: 32px; CURSOR: pointer; HEIGHT: 48px; _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; WIDTH: 32px; CURSOR: pointer; HEIGHT: 48px; _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; WIDTH: 32px; CURSOR: pointer; HEIGHT: 48px;_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; WIDTH: 32px; CURSOR: pointer; HEIGHT: 48px;_background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="images/pageRightOver.png"); }.rexiaoPic {OVERFLOW: hidden; WIDTH: 980px; HEIGHT: 243px}.sell_order {BACKGROUND: url(../images/rexiaoPicBg2.gif) repeat-x 0px 0px; WIDTH: 9999px; POSITION: absolute}.rexiaoPic LI {BACKGROUND: url(../images/rexiaoPicBg.gif) no-repeat right center; FLOAT: left; WIDTH: 196px}</style><script type="text/javascript" src="http://ajax.googleapis.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 width = 196; 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></hEAD><BODY><div class="box-163css"><div class=pageLR><div class=pageLeft id=pageLeft onMouseOver="this.className='pageLOver'" onmouseout="this.className='pageLeft'"></div><div class=pageRight id=pageRight onMouseOver="this.className='pageROver'" onmouseout="this.className='pageRight'"></div></div><div class=rexiaoPic><UL class=sell_order id=sell_order> <LI><A title=痛经的女纸伤不起 href="http://www.111cn.net/luntan/log/634406233848101250.html" target=_blank></a> </lI> <LI><A title=公交族们伤不起呀 href="http://www.111cn.net/luntan/log/634406200702788750.html" target=_blank></a> </lI> <LI><A title=网易163内容页面相册动画 href="http://www.111cn.net/hihilinxuan/log/634401296086713750.html" target=_blank></a> </lI> <LI><A title=网易商业滚动动画设计制作 href="http://www.111cn.net/5230" target=_blank></a> </lI> <LI><A title=jQuery ui实现添加删除动画 href="http://www.111cn.net/hihilinxuan/log/634370108301241250.html" target=_blank></a> </lI> <LI><A title=jQuery实现点击更多出现下拉框 href="http://www.111cn.net/hihilinxuan/log/634365673925626250.html" target=_blank></a> </lI> <LI><A title=jquery实现日本地震图片对比动画 href="http://www.111cn.net/hihilinxuan/log/634359809797470000.html" target=_blank></a> </lI> <LI><A title=jquery实现鼠标经过显示连接 href="http://www.111cn.net/hihilinxuan/log/634358789132210000.html" target=_blank></a> </lI></uL> <UL class=sell_order_t id=sell_order_t></uL> </div></div></bODY></hTML>
Tip: you can modify some code before running