`
hot88zh
  • 浏览: 184401 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

超酷的新浪新闻频道的图片切换特效

阅读更多
<html>
<head>
<title>新浪的图片新闻效果webjx.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<p>&nbsp;</p>
  
  <p> 
    <script language=javascript>  
//-------定义图片路径等参数-------------//
//定义大图的路径,
var bigPic0 ="http://image2.sina.com.cn/book/U1503P167T135D1F4549DT20060629223845.jpg";
var bigPic1 ="http://image2.sina.com.cn/book/U1503P167T135D1F4552DT20060629223845.jpg";
var bigPic2 ="http://image2.sina.com.cn/book/U1396P167T135D1F4555DT20060629141338.jpg";
var bigPic3 ="http://image2.sina.com.cn/book/U1396P167T135D1F4558DT20060628170108.jpg";
//小图路径
var smallPic0 ="http://image2.sina.com.cn/book/U1503P167T135D1F4548DT20060629223845.jpg";
var smallPic1 ="http://image2.sina.com.cn/book/U1503P167T135D1F4551DT20060629223845.jpg";
var smallPic2 ="http://image2.sina.com.cn/book/U1396P167T135D1F4554DT20060629141338.jpg";
var smallPic3 ="http://image2.sina.com.cn/book/U1396P167T135D1F4557DT20060628170108.jpg";
//大图的点击后的URL
var PicURL0 ="http://www.webjx.com";
var PicURL1 ="http://www.webjx.com";
var PicURL2 ="http://www.webjx.com";
var PicURL3 ="http://www.webjx.com";
//标题
var t0="搞笑节目《玩转世界杯》第9期:情陷解说门";
var t1="音频:黄健翔激情解说搞笑版大全";
var t2="Play Girl(网络宝贝)X计划";
var t3="《Memory》爱情是一个迷";
//描述
var describe0="小马派出密探零零发前往德国世界杯现场,调查“解说门”事件真相……";
var describe1="黄健翔是公认的中国足球评论员第一人;他,曾骄傲地宣称自己的解说就是行业标准……";
var describe2="你也能成为聚万千艳羡于一身的游戏MM,PlayGirl X计划,将你打造成游戏巅峰最耀眼的明星。";
var describe3="怎样的爱情可以真实地握在手中?这样的爱情是真实还是虚幻?";
//
var t=t0+"[|]"+t1+"[|]"+t2+"[|]"+t3;
var bigPicURL=bigPic0+"[|]"+bigPic1+"[|]"+bigPic2+"[|]"+bigPic3;
var smallPicURL=smallPic0+"[|]"+smallPic1+"[|]"+smallPic2+"[|]"+smallPic3;
var PicURL=PicURL0+"[|]"+PicURL1+"[|]"+PicURL2+"[|]"+PicURL3;
var describe = describe0+"[|]"+describe1+"[|]"+describe2+"[|]"+describe3;
//
document.write("\
<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0' width='535' height='356' ID=FSCommand NAME='focus_one' align='middle'>\
<param name='allowScriptAccess' value='sameDomain' />\
<param name='movie' value='http://www.webjx.com/upfiles/20070731/20070731220112_bnfocus.swf' />\
<param name='FlashVars' value='bigPicURL=" + bigPicURL + "&smallPicURL=" + smallPicURL + "&t="+t+"&PicURL="+PicURL+"&describe="+describe+"'/>\
<param name='quality' value='high' />\
<param name='bgcolor' value='#ffffff' />\
<embed src='http://www.webjx.com/upfiles/20070731/20070731220112_bnfocus.swf' FlashVars='bigPicURL=" + bigPicURL + "&smallPicURL=" + smallPicURL + "&t="+t+"&PicURL="+PicURL+"&describe="+describe+"' quality='high' bgcolor='#ffffff' width='535' height='356' name='focus' swLiveConnect='true' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' />\
</object>\
");
</script>
				</body>
</html>

 

附带需要使用的FLASH文件

分享到:
评论

相关推荐

    超酷的仿QQ图片切换JS效果

    "超酷的仿QQ图片切换JS效果"是一个专门针对这一需求设计的JavaScript解决方案,它模仿了QQ应用程序中图片浏览的方式,为用户提供流畅且具有视觉吸引力的图片切换体验。 JavaScript(JS)是一种广泛使用的客户端脚本...

    MSN网超酷flash图片切换效果

    1. **图片数组**:存储所有待切换图片的URL或数据,供JavaScript或ActionScript操作。 2. **时间轴控制**:设置定时器或事件监听器,按照预设间隔或用户交互触发图片切换。 3. **过渡动画**:为切换过程添加平滑的...

    两款国外超酷HTML5全屏幻灯片切换特效

    这两款国外超酷的HTML5全屏幻灯片切换特效充分利用了HTML5的优势,提供了引人入胜的视觉效果,能够使网站更加吸引用户,提升用户体验。 全屏幻灯片切换是一种流行的设计趋势,它将大尺寸的图片或内容以幻灯片的形式...

    html5图片切换jquery css3 Transitions属性制作超酷的3D图片切换代码.zip

    在“html5图片切换jquery css3 Transitions属性制作超酷的3D图片切换代码.zip”这个项目中,我们可以看到这些技术如何协同工作,以实现一个奢华的3D图片切换效果。 首先,HTML5是现代网页开发的基础,它引入了许多...

    css实现超酷图片切换

    本话题主要聚焦于如何利用CSS来实现超酷的图片切换效果,这种效果常见于网站的轮播图、产品展示等场景,能吸引用户的注意力,提升用户体验。 首先,我们要理解CSS3是CSS的最新版本,引入了许多新的特性和功能,如...

    超酷图片切换

    "超酷图片切换"指的是利用动态效果和交互性来展示图片的创新方式,它能够为用户带来更生动、有趣的视觉体验。下面将详细介绍这种技术的核心知识点。 首先,图片切换涉及到前端开发,尤其是JavaScript和CSS(层叠...

    css3超酷tab选项卡式页面切换特效

    这款"css3超酷tab选项卡式页面切换特效"是一个利用CSS3特性构建的交互式用户界面组件,旨在提供更丰富、更动态的网页体验。以下是关于这个特效涉及的主要知识点的详细解释: 1. **CSS3选择器和伪类**:CSS3引入了更...

    超酷图片显示特效js效果

    本项目名为“超酷图片显示特效js效果”,它显然聚焦于利用JavaScript实现令人惊叹的图片展示功能。这样的特效可以提升用户体验,使得网页中的图片更加吸引人,增加用户的停留时间和互动性。 在描述中提到的“超漂亮...

    js图片特效:超酷超绚精美图片展示效果代码

    本文将深入探讨如何使用JavaScript实现超酷、超绚的精美图片展示效果。通过简单的代码,我们可以理解背后的原理,并为用户提供更加吸引人的视觉体验。 首先,我们要了解JavaScript在处理图片时的基本操作。这包括...

    HTML5 SVG超酷雷达扫描式页面切换特效

    这是一款基于HTML5 SVG的超酷雷达扫描式页面切换jQuery特效。该页面切换特效使用jQuery代码来动态生成svg,并使用velocity.js来驱动SVG完成页面切换时的雷达扫描效果个线条动画。

    超酷页面切换效果网页特效

    "超酷页面切换效果网页特效"是这个主题的核心,它涉及到多种技术和设计策略,旨在让用户在浏览不同页面时感受到流畅且极具视觉吸引力的过渡效果。下面将详细介绍这些知识点: 1. CSS3动画:CSS3是现代网页设计的...

    收集的一些超酷js图片特效

    总的来说,"超酷js图片特效"这个资源包很可能包含了一系列创新的JavaScript代码示例,展示了如何使用JavaScript来增强图片的展示效果,从而提升用户的浏览体验。无论是对于初学者还是经验丰富的开发者,这些特效都...

    一个超酷的JS图片特效

    "一个超酷的JS图片特效"这个项目,正如其标题所言,展示了如何利用JavaScript实现令人惊艳的图片变换效果。在这个压缩包文件"Bxjg"中,可能包含了实现这些特效的相关代码和资源。 首先,我们要理解JavaScript(JS)...

    超酷tab切换特效

    标题“超酷tab切换特效”指的是在网页设计中实现的一种交互式用户体验,通常用于网站的导航或内容展示。Tab切换效果允许用户通过点击不同的标签来切换显示不同的内容区域,而无需刷新整个页面,提升了用户体验的便捷...

    JS图片特效 超酷

    一个超酷的js图片切换特效 内有好几个特效 欧美风格超炫。

    超酷国外图片幻灯切换效果代码(html代码,javascript)

    1. 图片切换逻辑:JavaScript会监听用户对控制按钮的点击事件,或者自动定时切换图片。通过改变图片容器内`&lt;img&gt;`元素的`src`属性,可以实现图片的动态切换。 2. 动画效果:为了使切换更流畅,可以使用CSS3的过渡...

    超酷的CSS3图片镜像效果网页特效

    最后,`js`文件夹中的JavaScript脚本可能包含了处理用户交互逻辑的代码,例如点击图片或按钮时触发镜像效果、切换图片、添加动态过渡等。可能的库包括jQuery或者其他轻量级的JavaScript库,它们简化了DOM操作和动画...

    纯CSS3实现超酷手机产品幻灯片切换特效

    在这个幻灯片切换效果中,我们将使用`@keyframes`来控制图片的平滑过渡。例如: ```css @keyframes slideInFromLeft { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } @keyframes ...

Global site tag (gtag.js) - Google Analytics