北京奥运官方网站幻灯切换效果flash版打包下载

废话不说，可以随意更换图片。内附简单说明。
喜欢的自己下载
非常不错的幻灯片图片切换效果，用flash+js实现
核心代码


代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> 我们 奥运幻灯 www.jb51.net</TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="K.T.S">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>
 <script src="js/beijing2008_flashobj.js" type="text/javascript"></script>
  <script type="text/javascript">
//<![CDATA[
function getObject(objectId) {    
  if(document.getElementById && document.getElementById(objectId)) {return document.getElementById(objectId);} 
  else if (document.all && document.all(objectId)) {return document.all(objectId); } 
  else if (document.layers && document.layers[objectId]) {return document.layers[objectId]; } 
  else {return false;}     
}    
//]]>
</script>
 <BODY>
<div class="focusFlash">
            <div id="sasFlashFocus27"></div>
  <script type="text/javascript">
//<![CDATA[
txt="<a image='images/Img214122890.jpg' info='刘淇罗格与各国家地区NOC代表团长共植奥林匹克友谊林' url='http://www.jb51.net' 
/><a image='images/Img214122636.jpg' info='北京奥运会迎来倒计时一周年' url='http://www.jb51.net' /><a 
image='images/Img214122898.jpg' info='“奥运家庭游北京”活动十强雨中游览颐和园' url='http://www.jb51.net' /><a 
image='images/Img214122470.jpg' info='专访德国乒乓球选手波尔：目标是北京奥运会奖牌' url='http://www.jb51.net' />"

var sohuFlash2 = new sohuFlash("swf/demo.swf", "27", 520, 205, "7");
sohuFlash2.addParam("quality", "high");
sohuFlash2.addParam("wmode", "opaque");
sohuFlash2.addVariable("txt",txt);
sohuFlash2.write("sasFlashFocus27");
//]]>
 </script>
 </div>
 </BODY>
</HTML>

演示地址

本地下载

赞 (0)

相关推荐

  • 北京奥运官方网站幻灯切换效果flash版打包下载

    废话不说,可以随意更换图片.内附简单说明. 喜欢的自己下载非常不错的幻灯片图片切换效果,用flash+js实现核心代码 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML>  <HEAD>   <TITLE> 我们 奥运幻灯 www.jb51.net</TITLE>   <META NAME="Gener

  • js实现同一页面可多次调用的图片幻灯切换效果

    本文实例讲述了js实现同一页面可多次调用的图片幻灯切换效果.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/x

  • JS+CSS实现淡入式焦点图片幻灯切换效果的方法

    本文实例讲述了JS+CSS实现淡入式焦点图片幻灯切换效果的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999

  • JS+CSS实现自动改变切换方向图片幻灯切换效果的方法

    本文实例讲述了JS+CSS实现自动改变切换方向图片幻灯切换效果的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1

  • jquery实现网站列表切换效果的2种方法

    jquery实现网站列表切换效果的2种方法

    本文实例为大家分享了jquery实现网站列表切换效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 效果图: <html> <head> <meta charset="utf-8" /> <title>网站品牌列表切换效果</title> <style> *{ margin: 0px; padding: 0px; } a{ color: black; text-decoration: none; } a:hov

  • JS实现可切换图片的幻灯切换效果示例

    本文实例讲述了JS实现可切换图片的幻灯切换效果.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <he

  • 基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载（一）

    基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载（一）

    内容滑动切换应用非常广,常见的有幻灯片焦点图.画廊切换等.随着WEB前端技术的广泛应用,内容滑动切换效果占据着web页面重要地位,因此本站Helloweba特别给广大前端爱好者安排了浅显易懂的内容滑动切换效果的开发教程. 先给大家展示下效果图,感觉还不错请参数实现代码,具体效果如下所示: 效果展示      源码下载 本次教程分三个部分: 1.使用jQuery开发基本的内容滑动切换效果, 2.支持移动端触控自适应的内容滑动切换效果, 3.封装内容滑动切换效果jQuery插件. 本文讲解第一部分,

  • jQuery和hwSlider实现内容响应式可触控滑动切换效果附源码下载（二）

    jQuery和hwSlider实现内容响应式可触控滑动切换效果附源码下载（二）

    今天我们继续内容滑动切换效果的第二部分讲解.如今我们的web开发都要适应移动设备,就是说我们的web页面要在移动设备如手机端也能正常访问,所以我将第一部分的基本切换效果做了加强,增加了响应式和触控滑动效果. 效果展示    源码下载 本文是hwSlider-内容滑动切换效果的第二部分,演示DEMO都是基于第一部分内容的基础上的,所以,如果您还没阅读过第一部分的话,请先移步参阅:基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载(一) 响应式 什么是响应式设计,这里我就不描述了.

  • javascript实现tabs选项卡切换效果(扩展版)

    前段时间写了个tabs 选项卡切换效果,今天抽空在原有的基础上进行了扩展,加入了自动轮播,这样就变成了类似图片轮播的效果了. html 代码: 复制代码 代码如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>js-tabs</title> <link rel="styleshe

  • 基于jquery的网站幻灯片切换效果焦点图代码

    导入jquery代码 复制代码 代码如下: <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js" type="text/javascript"></script> <script src="js/jquery-image-scale-carousel.js" type="text/javascript" charset=&qu

随机推荐