中文(简体)
<html> <head> <title>清单 35.13。传入幻灯片的擦除过渡</title> <script language="JavaScript" type="text/javascript"> // 此数组保存文档的所有 DHTML 对象 var dhtml_objects = new Array() // 此函数创建用作跨浏览器前端的自定义对象 function create_object_array() { // 所有 <div> 和 <span> 标记都存储在这些变量中 var div_tags var span_tags var css_tags // 浏览器是否符合 W3C DOM 标准？ if (document.getElementById) { // 如果是，则使用 getElementsByTagName() 获取 <div> 标签 div_tags = document.getElementsByTagName("div") // 循环遍历 <div> 标签 for (var counter = 0; counter < div_tags.length; counter++) { // 存储当前对象 current_object = div_tags[counter] // 存储浏览器访问样式的方式 object_css = current_object.style // 存储对象的 id object_id = current_object.id // 只存储那些标签有 id if (object_id) { // 创建一个新的 dhtml_object 并将其存储在 dhtml_objects 中 dhtml_objects[object_id] = new dhtml_object(current_object, object_css, object_id) } } // 使用 getElementsByTagName() 获取 <span> 标签 span_tags = document.getElementsByTagName("span") // 循环遍历 <span> 标签 for (var counter = 0; counter < span_tags.length; counter++) { // 存储当前对象 current_object = span_tags[counter] // 存储方式浏览器访问样式 object_css = current_object.style // 存储对象的 id object_id = current_object.id // 只存储那些具有 id 的标签 if (object_id) { // 创建一个新的 dhtml_object 并将其存储在 dhtml_objects 中 dhtml_objects[object_id] = new dhtml_object(current_object, object_css, object_id) } } } // 浏览器是否兼容 DHTML DOM？ else if (document.all) { // 如果是，则使用 document.all 获取 <div> 标签 div_tags = document.all.tags("div") // 循环遍历 <div> 标签 for (var counter = 0; counter < div_tags.length; counter++) { // 存储当前对象 current_object = div_tags[counter] // 存储浏览器访问样式的方式 object_css = current_object.style // 存储对象的 id object_id = current_object.id // 仅存储那些具有 id 的标签 if (object_id) { // 创建一个新的 dhtml_object 并将其存储在 dhtml_objects 中 dhtml_objects[object_id] = new dhtml_object(current_object, object_css, object_id) } } // 使用 document.all 获取 <span > Tags span_tags = document.all.tags("span") // 循环遍历 <span> 标签 for (var counter = 0; counter < span_tags.length; counter++) { // 存储当前对象 current_object = span_tags[counter ] // 存储浏览器访问样式的方式 object_css = current_object.style // 存储对象的 id object_id = current_object.id // 只存储那些具有 id 的标签 if (object_id) { // 创建一个新的 dhtml_object 并将其存储在dhtml_objects dhtml_objects[object_id] = new dhtml_object(current_object, object_css, object_id) } } } // 浏览器是否兼容 LDOM？ else if (document.layers) { // 使用 document.layers 获取定位的 <div> 和 <span> 标签 css_tags = document.layers // 循环遍历各层 for (var counter = 0; counter < css_tags.length; counter++) { // 存储当前对象 current_object = css_tags[counter] // 存储浏览器访问样式的方式 object_css = current_object // 存储对象的 id object_id = current_object.id // 只存储那些有 id 的标签 if (object_id ) { // 创建一个新的 dhtml_object 并将其存储在 dhtml_objects 中 dhtml_objects[object_id] = new dhtml_object(current_object, object_css, object_id) } } } } function dhtml_object (obj, css, id) { this.obj = obj this.css = css this.id = id this.left = get_left this.right = get_right this.top = get_top this.bottom = get_bottom this.width = get_width this.height = get_height this.visibility = get_visibility this.zIndex = get_zIndex this.move_to = move_to this.move_by = move_by this.set_left = set_left this.set_top = set_top this.set_width = set_width this.set_height = set_height this.set_visibility = set_visibility this.set_zIndex = set_zIndex this.move_above = move_above this.move_below = move_below this.set_backgroundColor = set_backgroundColor this.set_backgroundImage = set_backgroundImage this.set_html = set_html this.get_clip_top = get_clip_top this.get_clip_right = get_clip_right this.get_clip_bottom = get_clip_bottom this.get_clip_left = get_clip_left this.get_clip_width = get_clip_width this.get_clip_height = get_clip_height resize_clip_to = resize_clip_to this.resize_clip_by = resize_clip_by } function get_left() { return parseInt(this.css.left) } function get_right() { return this.left() + this.width() } function get_top() { return parseInt(this.css.top) } function get_bottom() { return this.top() + this.height() } function get_width() { // 这是 W3C 还是 DHTML DOM 浏览器？ if (!document.layers) { // 如果是，宽度是否已定义？ if (this.css.width) { // 如果是，则返回 width 属性 return parseInt(this.css.width) } else { // 如果不是，则返回 offsetWidth 属性 return parseInt(this.obj.offsetWidth) } } else { // 如果不是，则返回图层的文档宽度 return parseInt(this.obj.document.width) } } function get_height() { // 这是 W3C 还是 DHTML DOM 浏览器？ if (!document.layers) { // 如果是这样，高度是否已定义？ if (this.css.height) { // 如果是，则返回 height 属性 return parseInt(this.css.height) } else { // 如果不是，则返回 offsetHeight 属性 return parseInt(this.obj.offsetHeight) } } else { // 如果不是，则返回图层的文档高度 return parseInt(this.obj.document.height) } } function get_visibility() { // 这是 W3C 还是 DHTML DOM 浏览器？ if (!document.layers) { // 如果是，是否定义了可见性？ if (this.css.visibility) { // 如果是，则返回可见性属性 return this.css.visibility } } else { // 否则，它是 LDOM 浏览器，因此 // 处理专有可见性值 if (this.css .visibility == "show") { return "visible" } if (this.css.visibility == "hide") { return "hidden" } } // 如果我们走到这一步，只需 return "inherit" return "inherit" " } function get_zIndex() { return this.css.zIndex } function move_to (new_left, new_top) { this.css.left = new_left this.css.top = new_top } function move_by (delta_left, delta_top) { // 添加增量值 this.css.left = this.left() + parseInt(delta_left) this.css.top = this.top() + parseInt(delta_top) } 函数 set_left (new_left) { this.css.left = new_left } 函数 set_top (new_top) { this.css.top = new_top } function set_width (new_width) { // 这是 W3C 还是 DHTML DOM 浏览器？ if (!document.layers) { // 如果是这样，只需设置宽度属性 this.css.width = new_width } } function set_height (new_height) { // 这是 W3C 还是 DHTML DOM 浏览器？ if (!document.layers) { // 如果是，只需设置宽度属性 this.css.height = new_height } } function set_visibility (new_visibility) { // 这是 W3C 还是 DHTML DOM 浏览器？ if (!document.layers) { // 如果是这样，只需将可见性设置为参数的值 this.css.visibility = new_visibility } else { // 否则，设置专有可见性值 if (new_visibility == "可见") { this.css.visibility = "显示" } else if (new_visibility == "隐藏") { this.css.visibility = "隐藏" } else { this.css.visibility = "继承" } } } 函数set_zIndex(new_zindex) { // 新的 z-index 是否大于 0？ if (new_zindex > 0) { // 如果是，则设置 this.css.zIndex = new_zindex } else { // 如果不是，则设置为 0 this.css.zIndex = 0 } } function move_above(reference_object) { this. css.zIndex = reference_object.css.zIndex + 1 } function move_below(reference_object) { // 获取引用对象的 z-index reference_zindex = reference_object.css.zIndex // 是否大于 0？ if (reference_zindex > 0) { // 如果是，则将此对象的 zindex 减一 this.css.zIndex = reference_zindex - 1 } else { // 如果不是，则将引用对象的 z-index 设置为 1 // 并且此对象的 z-index z-index to 0 reference_object.css.zIndex = 1 this.css.zIndex = 0 } } function set_backgroundColor(new_color) { // 这是 W3C 还是 DHTML DOM 浏览器？ if (!document.layers) { // 如果是，则使用 backgroundColor 属性 this.css.backgroundColor = new_color } else { // 如果不是，则使用 bgcolor 属性 this.css.bgColor = new_color } } function set_backgroundImage(new_image) { // 这是 W3C 还是 DHTML DOM 浏览器？ if (!document.layers) { // 如果是，则使用backgroundImage属性 this.css.backgroundImage = "url(" + new_image + ")" } else { // 如果不是，则使用background属性 this.css.background .src = new_image } } function set_html(new_html) { // 这是 W3C 还是 DHTML DOM 浏览器？ if (!document.layers) { // 如果是，则使用innerHTML属性 this.obj.innerHTML = new_html } else { // 如果不是，则使用document.write()方法 this.obj.document.open() this .obj.document.write(new_html) this.obj.document.close() } } function get_clip_top() { // 这是 W3C 还是 DHTML DOM 浏览器？ if (!document.layers) { // 如果是这样，首先解析剪辑字符串 parse_dom_clip(this) // 剪辑值现在位于 current_clip 对象中 return current_clip.top } else { // 否则，使用clip.top return this。 css.clip.top } } var current_clip 函数clip_object(上、右、下、左) { this.top = 顶部 this.right = 右 this.bottom = 底部 this.left = 左 } function parse_dom_clip(current_object) { Clip_string = current_object.css.clip if (clip_string.length > 0) { var Values_string = Clip_string.slice(5, Clip_string.length - 1) var Clip_values = Values_string.split(" ") var Clip_top = parseInt(clip_values[0]) var Clip_right = parseInt(clip_values[1]) var Clip_bottom = parseInt(clip_values[2]) var Clip_left = parseInt(clip_values[3]) } else { var Clip_top = 0 var Clip_right = current_object.width() var Clip_bottom = current_object.height () var Clip_left = 0 } current_clip = new Clip_object(clip_top,clip_right,clip_bottom,clip_left) } function get_clip_right() { // 这是 W3C 还是 DHTML DOM 浏览器？ if (!document.layers) { // 如果是这样，首先解析剪辑字符串 parse_dom_clip(this) // 剪辑值现在位于 current_clip 对象中 return current_clip.right } else { // 否则，使用clip.right return this. css.clip.right } } function get_clip_bottom() { // 这是 W3C 还是 DHTML DOM 浏览器？ if (!document.layers) { // 如果是这样，首先解析剪辑字符串 parse_dom_clip(this) // 剪辑值现在位于 current_clip 对象中 return current_clip.bottom } else { // 否则，使用clip.bottom return this。 css.clip.bottom } } function get_clip_left() { // 这是 W3C 还是 DHTML DOM 浏览器？ if (!document.layers) { // 如果是这样，首先解析剪辑字符串 parse_dom_clip(this) // 剪辑值现在位于 current_clip 对象中 return current_clip.left } else { // 否则，使用clip.left return this. css.clip.left } } function get_clip_width() { // 这是 W3C 还是 DHTML DOM 浏览器？ if (!document.layers) { // 如果是这样，首先解析剪辑字符串 parse_dom_clip(this) // 剪辑值现在位于 current_clip 对象中 return current_clip.right - current_clip.left } else { // 否则，使用剪辑。 width return this.css.clip.width } } function get_clip_height() { // 这是 W3C 还是 DHTML DOM 浏览器？ if (!document.layers) { // 如果是这样，首先解析剪辑字符串 parse_dom_clip(this) // 剪辑值现在位于 current_clip 对象中 return current_clip.bottom - current_clip.top } else { // 否则，使用剪辑。 width 返回 this.css.clip.height } } function resize_clip_to(new_top, new_right, new_bottom, new_left) { if (new_top == "auto") {new_top = this.get_clip_top() } if (new_right == "auto") {new_right = this.get_clip_right() } if (new_bottom == "auto") {new_bottom = this.get_clip_bottom() } if (new_left == "auto") {new_left = this.get_clip_left() } // 这是一个W3C 或 DHTML DOM 浏览器？ if (!document.layers) { // 剪辑值现在位于 current_clip 对象中 this.css.clip = "rect(" + new_top + " " + new_right + " " + new_bottom + " " + new_left + ")" } else { // 否则，使用剪辑属性 this.css.clip.top = new_top this.css.clip.right = new_right this.css.clip.bottom = new_bottom this.css.clip.left = new_left } } function resize_clip_by( delta_top, delta_right, delta_bottom, delta_left) { var new_top = this.get_clip_top() + delta_top var new_right = this.get_clip_right() + delta_right var new_bottom = this.get_clip_bottom() + delta_bottom var new_left = this.get_clip_left() + delta_left / / 这是 W3C 或 DHTML DOM 浏览器吗？ if (!document.layers) { // 剪辑值现在位于 current_clip 对象中 this.css.clip = "rect(" + new_top + " " + new_right + " " + new_bottom + " " + new_left + ")" } else { // 否则，使用剪辑属性 this.css.clip.top = new_top this.css.clip.right = new_right this.css.clip.bottom = new_bottom this.css.clip.left = new_left } } function get_mouse_x( current_event) { // 这是 Internet Explorer 4 或更高版本吗？ if (its_ie4plus) { // 如果是，则返回 event.clientX 属性 return event.clientX } // 这是 Netscape Explorer 4 或更高版本吗？ else if (its_ns4plus) { // 否则，返回 pageX 属性 return current_event.pageX } else { // 否则，返回 null return null } } function get_mouse_y(current_event) { // 这是 Internet Explorer 4 或更高版本吗？ if (its_ie4plus) { // 如果是，则返回 event.clientY 属性 return event.clientY } // 这是 Netscape Explorer 4 或更高版本吗？ else if (its_ns4plus) { // 如果是，则返回 pageY 属性 return current_event.pageY } else { // 否则，返回 null return null } } function get_client_width() { // 这是 Internet Explorer 4 或更高版本吗？ if (its_ie4plus) { // 如果是，则返回 clientWidth 属性 return document.body.clientWidth } else if (its_ns4plus) { // 如果是，则返回 innerWidth 属性 return window.innerWidth - 18 } else { // 否则，返回null return null } } function get_client_height() { // 这是 Internet Explorer 4 或更高版本吗？ if (its_ie4plus) { // 如果是，则返回 clientHeight 属性 return document.body.clientHeight } // 这是 Netscape Explorer 4 或更高版本吗？ else if (its_ns4plus) { // 如果是，则返回 innerHeight 属性 return window.innerHeight - 18 } else { // 否则，返回 null return null } } function get_client_scroll_left() { // 这是 Internet Explorer 4 或更高版本吗？ if (its_ie4plus) { // 如果是，则返回scrollLeft 属性 return document.body.scrollLeft } // 这是 Netscape Explorer 4 或更高版本吗？ else if (its_ns4plus) { // 如果是，则返回 pageXOffset 属性 return pageXOffset } else { // 否则，返回 null return null } } function get_client_scroll_top() { // 这是 Internet Explorer 4 或更高版本吗？ if (its_ie4plus) { // 如果是，则返回scrollTop 属性 return document.body.scrollTop } // 这是 Netscape Explorer 4 或更高版本吗？ else if (its_ns4plus) { // 如果是，则返回 pageYOffset 属性 return pageYOffset } else { // 否则，返回 null return null } } </script> <script language="JavaScript" type="text/javascript"> / / 这些布尔变量之一将根据浏览器名称设置为 true var its_ie = false var its_ns = false var its_opera = false var its_webtv = false var its_company = false // 这些布尔变量之一将设置为 / / true 基于 Internet Explorer 版本 var its_ie2 = false var its_ie3 = false var its_ie4 = false var its_ie5 = false var its_ie55 = false var its_ie6 = false var its_ie4plus = false var its_ie5plus = false var its_ie55plus = false var its_ie6plus = false // // 根据 Netscape 版本，这些布尔变量之一将被设置为 true var its_ns2 = false var its_ns3 = false var its_ns4 = false var its_ns6 = false var its_ns3plus = false var its_ns4plus = false var its_ns6plus = false // 其中之一// 布尔变量将根据操作系统设置为 true var its_win31 = false var its_win95 = false var its_win98 = false var its_winme = false var its_winnt = false var its_win2000 = false var its_winxp = false var its_windows = false var its_win32 = false var its_mac68k = false var its_macppc = false var its_macos = false var its_linux = false var its_other_os = false // 如果浏览器支持某种 DHTML，则为 true var dhtml_ok = false // 让我们使用小写字母来保持简单 var user_agent = navigator.userAgent.toLowerCase() // 浏览器名称 // 使用indexOf() 检查 userAgent 字符串 // 浏览器名称的明显标志 if (user_agent.indexOf("opera") != -1) { its_opera = true } else if (user_agent.indexOf("webtv") != -1) { its_webtv = true } else if (user_agent.indexOf("msie") != -1) { its_ie = true } else if (user_agent. indexOf("mozilla") != -1) { // 对于“moziila”，我们需要排除一些其他的可能性，首先 if ((user_agent.indexOf("兼容") == -1) && (user_agent.indexOf ("spoofer") == -1) && (user_agent.indexOf("hotjava") == -1)) {its_ns = true } else {its_company = true } } // 浏览器版本 var Major_version = parseInt(navigator.appVersion) ) var full_version = parseFloat(navigator.appVersion) var ie_start = user_agent.indexOf("msie") if (ie_start != -1) { var version_string = user_agent.substring(ie_start + 5) Major_version = parseInt(version_string) full_version = parseFloat (version_string) } // 互联网浏览器 if (its_ie || its_webtv) { if (major_version < 3) { its_ie2 = true } else if (major_version == 3) { its_ie3 = true } else if (major_version == 4) { its_ie4 = true } else if (major_version == 5) { its_ie5 = true } else if (full_version == 5.5) { its_ie55 = true } else if (major_version == 6) { its_ie6 = true } if (major_version >= 4) { its_ie4plus = true } if (major_version >= 5) { its_ie5plus = true } if (full_version >= 5.5) { its_ie55plus = true } if (major_version >= 6) { its_ie6plus = true } } // NETSCAPE if (its_ns) { if (major_version < 3) { its_ns2 = true } else if ( Major_version < 4) {its_ns3 = true } else if (major_version == 4) {its_ns4 = true } else if (major_version == 5) {its_ns6 = true } if (major_version >= 3) {its_ns3plus = true } if (major_version >= 4) {its_ns4plus = true } if (major_version >= 5) {its_ns6plus = true } } // 操作系统 // 使用indexOf() 检查 userAgent 字符串 // 操作系统的明显迹象 // WINDOWS 3.1 if ((user_agent.indexOf("windows 3.1") != -1) || (user_agent.indexOf("win16") != -1) || (user_agent.indexOf("16bit") != -1) || (user_agent.indexOf("16-bit") != -1)) { its_win31 = true } // WINDOWS 95 else if ((user_agent.indexOf("windows 95") != -1) || (user_agent.indexOf ("win95") != -1)) { its_win95 = true } // WINDOWS ME if (user_agent.indexOf("win 9x 4.90") != -1) { its_winme = true } // WINDOWS 98 else if (( user_agent.indexOf("windows 98") != -1) || (user_agent.indexOf("win98") != -1)) { its_win98 = true } // WINDOWS XP else if ((user_agent.indexOf("windows nt 5.1") != -1) || (user_agent.indexOf("winnt 5.1") != -1)) { its_winxp = true } // WINDOWS 2000 else if ((user_agent.indexOf("windows nt 5.0") != -1) || (user_agent.indexOf("winnt 5.0") != -1)) { its_win2000 = true } // WINDOWS NT else if ((user_agent.indexOf("windows nt") != -1) || (user_agent.indexOf("winnt") != -1)) { its_winnt = true } // MAC 680x0 else if ((user_agent.indexOf("mac") != -1) && ((user_agent.indexOf( "68K") != -1) || (user_agent.indexOf("68000") != -1))) { its_mac68k = true } // MAC PowerPC else if ((user_agent.indexOf("mac") != -1) && ((user_agent.indexOf("ppc") != -1) || (user_agent.indexOf("powerpc") != -1))) { its_macppc = true } // LINUX else if (user_agent.indexOf("linux") != -1) { its_linux = true } // 其他操作系统 else {its_other_os = true } // PLATFORM // 使用操作系统布尔值 // 确定通用平台 // MAC OS if (its_mac68k ||its_macppc) {its_macos = true} // 32-BIT WINDOWS if (its_win95 ||its_win98 ||its_winme ||its_win2000 ||its_winxp) {its_win32 = true} // WINDOWS if (its_win31 || its_win32) {its_windows = true} // DHTML 支持 if (document.getElementById || document.all || document .layers) { dhtml_ok = true } </script> <script language="JavaScript" type="text/javascript"> <!-- var slips = new Array() var slip_width = 525 var slip_height = 296 张幻灯片[0] = new Image(slide_width, slip_height) slips[0].src = "/u/info_img/2009-06/20/fiesole1.jpg" slips[0].caption = "大约公元前 100 年拥有 3,000 个座位的罗马剧院 (意大利菲耶索莱）" 幻灯片[1] = new Image(slide_width, slip_height) 幻灯片[1].src = "/u/info_img/2009-06/20/fiesole2.jpg" 幻灯片[1].caption = "伊特鲁里亚遗址大约公元前 600 年（意大利菲耶索莱）" 幻灯片[2] = new Image(slide_width, slip_height) 幻灯片[2].src = "/u/info_img/2009-06/20/florence04.jpg" 幻灯片[2]。标题=“领主广场（意大利佛罗伦萨）”幻灯片[3]=新图像（slide_width，slide_height）幻灯片[3].src =“/u/info_img/2009-06/20/florence06.jpg”幻灯片[ 3].caption = "The Boboli Gardens (Florence, Italy)" // 使用这些变量来配置查看器 var roll_amount = 10 var roll_delay = 50 var timeout_id var current_slide = 0 varending_slide = 1 varscrolling vartransitions = new Array( "滑动", "擦拭") var h_directions = new Array("左", "右", "两者", "无") var v_directions = new Array("向下", "向上", "两者", "无" ") varviewer_data = newviewer_data_object() // 该函数创建查看器对象 functionviewer_data_object(width,height,top,left,scrollamount){}functioninitialize(){ //如果这是一个非 DHTML 浏览器，则退出if (!dhtml_ok) { return } // 创建 DHTML 对象 create_object_array() // 设置查看器对象viewer_data.width = dhtml_objects['viewer1'].width()viewer_data.height = dhtml_objects['viewer1'].height （）viewer_data.top = dhtml_objects['viewer1'].top（）viewer_data.left = dhtml_objects['viewer1'].left（）viewer_data.scrollamount =滚动量viewer_data.scrolldelay =滚动延迟viewer_data.scroll_start =幻灯片宽度viewer_data.transition =过渡[0]viewer_data.h_direction = h_directions[0]viewer_data.v_direction = v_directions[0]write_controls() } //此函数设置初始查看器位置和剪辑区域 functioninitialize_viewer() { //隐藏viewer2 dhtml_objects['viewer2'] .set_visibility("hidden") // 放入主图像 dhtml_objects['viewer1'].set_html('<img src="' + slips[current_slide].src + '">') // 重置为完整查看dhtml_objects['viewer1'].move_to(viewer_data.left,viewer_data.top) dhtml_objects['viewer1'].resize_clip_to(0,viewer_data.width,viewer_data.height,0)//选择随机过渡viewer_data.transition=transitions[ Math.floor(transitions.length * Math.random())]viewer_data.h_direction = h_directions[Math.floor(h_directions.length * Math.random())]viewer_data.v_direction = v_directions[Math.floor(v_directions.length * Math.random())] // 设置滚动标志scrolling = true // 更新控件 write_controls() if (viewer_data.transition == "slide") { slip_out() } else {wipe_out() } } function next_slide( ) { // 更改待处理的幻灯片编号pending_slide = current_slide + 1initialize_viewer() } function previous_slide() { // 更改待处理的幻灯片编号pending_slide = current_slide - 1initialize_viewer() } function slip_out() { // 检查宽度和对象剪辑区域的高度 if (dhtml_objects['viewer1'].get_clip_width() > 0 && dhtml_objects['viewer1'].get_clip_height() > 0) { // 如果两者仍然为正，则继续滑动 var Horizontal_move = 0 var Vertical_move = 0 var top_resize = 0 var right_resize = 0 var Bottom_resize = 0 var left_resize = 0 // 获取水平调整 if (viewer_data.h_direction == "left") {horizontal_move = -viewer_data.scrollmount left_resize =viewer_data.scrollmount } else if (viewer_data.h_direction == "右") { Horizontal_move =viewer_data.scrollmount right_resize = -viewer_data.scrollamount } else if (viewer_data.h_direction == "两个") { left_resize =viewer_data.scrollamount right_resize = -viewer_data.scrollamount } / / 获取垂直调整 if (viewer_data.v_direction == "down") {vertical_move =viewer_data.scrollmount Bottom_resize = -viewer_data.scrollamount } else if (viewer_data.v_direction == "up") {vertical_move = -viewer_data.scrollmount top_resize = viewer_data.scrollamount } else if (viewer_data.v_direction == "both") { Bottom_resize = -viewer_data.scrollamount top_resize =viewer_data.scrollamount } // 移动对象 dhtml_objects['viewer1'].move_by(horizontal_move, Vertical_move) // 调整剪辑区域 dhtml_objects['viewer1'].resize_clip_by(top_resize, right_resize, Bottom_resize, left_resize) // 设置新的超时 timeout_id = setTimeout("slide_out()",viewer_data.scrolldelay) write_controls() } else { // 清除timeoutclearTimeout(timeout_id) // 待处理的幻灯片现在是当前幻灯片 current_slide =ending_slide // 准备传入的幻灯片 prepare_next_slide() } } functionwipe_out() { // 检查对象剪辑区域的宽度和高度 if (dhtml_objects[ 'viewer1'].get_clip_width() > 0 && dhtml_objects['viewer1'].get_clip_height() > 0) { // 如果两者仍然为正，则继续擦除 var top_resize = 0 var right_resize = 0 var Bottom_resize = 0 var left_resize = 0 // 获取水平调整 if (viewer_data.h_direction == "left") { right_resize = -viewer_data.scrollmount } else if (viewer_data.h_direction == "right") { left_resize =viewer_data.scrollmount } else if (viewer_data. h_direction == "both") { left_resize =viewer_data.scrollmount right_resize = -viewer_data.scrollmount } // 获取垂直调整 if (viewer_data.v_direction == "down") { top_resize =viewer_data.scrollmount } else if (viewer_data.v_direction == "up") { Bottom_resize = -viewer_data.scrollamount } else if (viewer_data.v_direction == "both") { Bottom_resize = -viewer_data.scrollamount top_resize =viewer_data.scrollamount } // 调整剪辑区域 dhtml_objects['viewer1' ].resize_clip_by(top_resize, right_resize, Bottom_resize, left_resize) // 设置新的超时 timeout_id = setTimeout("wipe_out()",viewer_data.scrolldelay) } else { // 清除超时 clearTimeout(timeout_id) // 待处理的幻灯片现在是当前幻灯片 current_slide =ending_slide // 准备传入的幻灯片prepare_next_slide() } } function stop_it() { // 通过清除当前超时来关闭查看器clearTimeout(timeout_id) // 清除滚动标志scrolling = false // 更新控件 write_controls() } functionprepare_next_slide() { // 选择随机擦除过渡viewer_data.transition = "wipe"viewer_data.h_direction = h_directions[Math.floor(h_directions.length * Math.random())]viewer_data.v_direction = v_directions[Math.floor(v_directions.length * Math.random())] var top_clip_start = 0 var right_clip_start =viewer_data.width var Bottom_clip_start =viewer_data.height var left_clip_start = 0 // 获取水平调整 if (viewer_data.h_direction == "左") { left_clip_start =viewer_data.width } else if (viewer_data.h_direction == "右") { right_clip_start = 0 } else if (viewer_data.h_direction == "两者") { left_clip_start = Math.floor(viewer_data.width / 2) right_clip_start = Math.floor(viewer_data.width / 2) } // 获取垂直调整 if (viewer_data.v_direction == "down") { Bottom_clip_start = 0 } else if (viewer_data.v_direction == "up") { top_clip_start =viewer_data.height } else if (viewer_data.v_direction == "both") { Bottom_clip_start = Math.floor(viewer_data.height / 2) top_clip_start = Math.floor(viewer_data.height / 2) } // 添加图像dhtml_objects['viewer2'].set_html('<img src="' + slips[current_slide].src + '">') // 使对象可见 dhtml_objects['viewer2'].set_visibility("visible") //调整大小 dhtml_objects['viewer2'].resize_clip_to(top_clip_start, right_clip_start, Bottom_clip_start, left_clip_start) // 进行擦除过渡wipe_in() } functionwipe_in() { // 将剪辑的宽度和高度与对象的宽度和高度进行比较 if ( dhtml_objects['viewer2'].get_clip_width() <viewer_data.width || dhtml_objects['viewer2'].get_clip_height() <viewer_data.height) { // 如果其中一个较小，则继续擦除 var top_resize = 0 var right_resize = 0 var Bottom_resize = 0 var left_resize = 0 // 获取水平调整 if ( viewer_data.h_direction ==“左”）{ left_resize = -viewer_data.scrollmount } else if（viewer_data.h_direction ==“右”）{ right_resize =viewer_data.scrollmount } else if（viewer_data.h_direction ==“两者”）{ left_resize = -viewer_data.scrollamount right_resize =viewer_data.scrollmount } // 获取垂直调整 if (viewer_data.v_direction == "down") { Bottom_resize =viewer_data.scrollamount } else if (viewer_data.v_direction == "up") { top_resize = -viewer_data.scrollamount } else if (viewer_data.v_direction == "both") { Bottom_resize =viewer_data.scrollamount top_resize = -viewer_data.scrollamount } // 调整剪辑区域 dhtml_objects['viewer2'].resize_clip_by(top_resize, right_resize, Bottom_resize , left_resize) // 设置新的超时 timeout_id = setTimeout("wipe_in()",viewer_data.scrolldelay) } else { stop_it() } } function write_controls() { // 写入幻灯片编号 if (scrolling) { slip_text = "正在加载下一张幻灯片...<p>" } else { slip_text = "幻灯片 #" + eval(current_slide + 1) + "—" + Slides[current_slide].caption + "<p>" } if (current_slide == 0 || 滚动) { previous_control = "上一页" } else { previous_control = '<a href="javascript:previous_slide()">上一页< /a>' } if (current_slide == slips.length - 1 || 滚动) { next_control = "下一页" } else { next_control = '<a href="javascript:next_slide()">下一页</a>' } dhtml_objects["controls"].set_html(slide_text + previous_control + " " + next_control) } //--> </script> </head> <body onLoad="initialize()"> <!--IE需要在标签内定位 --> <div id="viewer1" style="position:absolute; left:10; top:0"> <img src="/u/info_img/2009-06/20/fiesole1 .jpg"> </div> <div id="viewer2" style="position:absolute; left:10; top:0"></div> <div id="controls" style="position:absolute; :10; 宽度: 525; 字体粗细"></div> </div> </body> </html>
