Ajax无刷新实现图片切换特效

新客网 XKER.COM 2006-09-20 来源： 收藏本文

            </div>
            <div id="Layer2" style="Z-INDEX:2; LEFT:490px; WIDTH:112px; POSITION:absolute; TOP:380px; HEIGHT:26px">
                <img id="btnPlay" src="images/play_bw.gif" onclick="slideshow_automatic()" onmouseover="this.src='images/play.gif'"
                    onmouseout="this.src='images/play_bw.gif'"> <img id="btnPause" src="images/pause_bw.gif" onclick="pauseSlideShow()" onmouseover="this.src='images/pause.gif'"
                    onmouseout="this.src='images/pause_bw.gif'"> <img id="btnPrev" src="images/prev_bw.gif" onclick="previous_image()" onmouseover="this.src='images/prev.gif'"
                    onmouseout="this.src='images/prev_bw.gif'"> <img id="btnNext" src="images/next_bw.gif" onclick="next_image()" onmouseover="this.src='images/next.gif';next_image()"
                    onmouseout="this.src='images/next_bw.gif'">
            </div>
三、javascript:
<script language="javascript" type="text/javascript">
            // 定时器
            var timeDelay;
           
            // 图片自动浏览时的时间间隔
            var timeInterval = 4000;
           
            // Array对象,存储图片文件的路径
            var image;
           
            // 当前显示的图片序号
            var num;
           
            // 图片信息数据表
            var dt;
            // 预加载图片信息
            function PreloadImage(iCategoryID)
            {
                // 采用同步调用的方式获取图片的信息               

• ·成功实现ajax,xmlhttp跨域访问
• ·Ajax技术：构建动态的Java应用程序分析
• ·面向Java开发人员的Ajax:Java对象序列化
• ·手把手教你写Ajax驱动的DataGrid控件(三)
• ·手把手教你写Ajax驱动的DataGrid控件(二)
• ·手把手教你写Ajax驱动的DataGrid控件(一)
• ·迁移你的Web页面到asp.NET AJAX 1.0
• ·用事实说话！AJAX应用程序开发的七宗罪
• ·利用DWR开发基于Ajax的文件上载portlet
• ·开源Eclipse利用Ajax的优势与微软展开竞争
• ·使用AJAX技术实现网页无闪自动局部刷新
• ·Mashups+AJAX打造全新Web开发
• ·精典文萃：过渡技术的Ajax及Apusic JSF
• ·AJAX应用篇：必须用到和不必使用的地方
• ·AJAX使用技巧：如何处理书签和翻页按扭
• ·AJAX并不神秘：揭密各种AJAX控件和类库