`
sony-soft
  • 浏览: 1105384 次
文章分类
社区版块
存档分类
最新评论

javascript 仿flash新闻图片切换效果-推荐

 
阅读更多

这篇文章具体转自哪里不记得了,不过确实很值得推荐。

在你的网页需要加载图片切换的地方

图片切换效果有好多,通过比较测试发现这个图片切换效果是不错的,仿新浪网图片切换效果。
本站javascript仿flash新闻图片切换效果-推荐
效果见[url
=http://www.fansart.com]首页[/url]


<atarget=_selfhref="javascript:goUrl()">
<spanclass="f14b">
<scripttype="text/javascript">
imgUrl1
="http://www.fansart.com/qiehuan/1.jpg";
imgtext1
="http://www.fansart.com"
imgLink1
=escape("http://fansart.com/");
imgUrl2
="http://www.fansart.com/qiehuan/2.jpg";
imgtext2
="http://www.fansart.com"
imgLink2
=escape("http://fansart.com");
imgUrl3
="http://www.fansart.com/qiehuan/3.jpg";
imgtext3
="http://www.fansart.com"
imgLink3
=escape("http://fansart.com/");
imgUrl4
="http://www.fansart.com/qiehuan/4.jpg";
imgtext4
="http://www.fansart.com"
imgLink4
=escape("http://fansart.com");
imgUrl5
="http://www.fansart.com/qiehuan/5.jpg";
imgtext5
="http://www.fansart.com"
imgLink5
=escape("http://fansart.com/");
varfocus_width=220
varfocus_height=160
vartext_height=21
varswf_height=focus_height+text_height

varpics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5
varlinks=imgLink1+"|"+imgLink2+"|"+imgLink3+"|"+imgLink4+"|"+imgLink5
vartexts=imgtext1+"|"+imgtext2+"|"+imgtext3+"|"+imgtext4+"|"+imgtext5
document.write(
'<objectclassid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"codebase=http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6‚0‚0‚0width="'+focus_width+'"height="'+swf_height+'">');
document.write(
'<paramname="allowScriptAccess"value="sameDomain"><paramname="movie"value="http://www.webjx.com/js/focus.swf"><paramname="quality"value="high"><paramname="bgcolor"value="#F0F0F0">');
document.write(
'<paramname="menu"value="false"><paramname=wmodevalue="opaque">');
document.write(
'<paramname="FlashVars"value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
document.write(
'<embedsrc="pixviewer.swf"wmode="opaque"FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'"menu="false"bgcolor="#F0F0F0"quality="high"width="'+focus_width+'"height="'+focus_height+'"allowScriptAccess="sameDomain"type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer"/>');document.write('</object>');
</script>
</span></a><spanid=focustextclass=f14b></span>
分享到:
评论

相关推荐

    javascript仿flash实现图片切换

    javascript仿flash实现图片切换,前端图片查看器

    图片切换效果-类似FLASH

    在IT行业中,图片切换效果是网页设计和用户体验中不可或缺的一部分,尤其当提到“类似FLASH”的效果时,我们可能想到的是动态、引人入胜且高度交互的视觉展示。FLASH曾经是制作这种效果的首选工具,但随着技术的发展...

    仿新浪新闻Flash幻灯图片切换特效包下载

    该资源是一个基于JavaScript的仿新浪新闻Flash幻灯片图片切换特效包,主要适用于网页设计和前端开发人员。在网页设计中,幻灯片效果是一种常见的元素,用于展示一系列图片或内容,通过动态过渡来吸引用户的注意力。...

    FLASH图片切换、javascript图片切换

    "FLASH图片切换"和"javascript图片切换"是两种常用的技术手段,各有其特点和适用场景。 首先,我们来谈谈“FLASH图片切换”。Flash是一种由Adobe公司开发的多媒体创作平台,它曾广泛用于创建动画、交互式内容和网页...

    Javascript+Flash实现图片切换

    在本文中,我们将深入探讨如何使用JavaScript和Flash技术来实现图片切换效果,这种技术常见于网站中的图片轮播或幻灯片展示。我们将基于提供的标题“Javascript+Flash实现图片切换”以及描述“模拟新浪图片切换,...

    多图片切换效果JavaScript实现

    本文将详细探讨如何使用JavaScript实现多图片切换效果,适用于新闻图片展示或网站焦点区域。 首先,JavaScript是一种强大的客户端脚本语言,常用于网页动态交互。在实现图片切换效果时,我们通常会利用JavaScript的...

    流畅仿Flash的JQuery图片切换代码,附图片

    本文将深入探讨如何使用jQuery实现流畅仿Flash的图片切换功能,这是一种能够提供类似Flash动画效果但无需Flash插件的技术,因此在现代浏览器中表现更佳。 首先,理解jQuery的核心是它的选择器机制,它允许我们快速...

    仿flash效果CSS图片轮换

    本文将详细探讨如何通过CSS实现“仿Flash效果”的图片轮换。 首先,我们需要理解CSS3中的关键帧动画(Keyframe Animations),这是实现图片轮换的基础。关键帧动画允许我们在动画的不同阶段设置样式,从而创建出...

    Flash图片切换效果

    总的来说,"Flash图片切换效果"代表了互联网早期的一种交互设计,而如今,JavaScript和CSS3等现代Web技术已经能够提供类似甚至更丰富的功能,且更加适应多样化的设备和用户需求。无论是使用Flash的ActionScript还是...

    SINA的FLASH新闻图片切换源码

    【SINA的FLASH新闻图片切换源码】是一种用于创建动态新闻图片展示效果的技术,常见于早期的网页设计中。SINA作为中国知名的门户网站,其在新闻页面上的创新和用户体验优化一直备受关注。这个源码是SINA曾经使用的一...

    flash新闻图片切换源码

    "Flash新闻图片切换源码"是指一种基于Adobe Flash技术的代码实现,用于在网页上创建一个动态的新闻图片展示模块。这个模块能够自动切换展示的图片,并且用户可以自定义图片的来源、标题、链接、背景色以及显示时间等...

    flash图片切换效果

    "Flash图片切换效果"是指通过Flash技术实现的动态图片展示方式,它能够为网站或应用程序增添视觉吸引力,提高用户体验。本主题主要关注如何利用Flash ActionScript和XML来创建这种效果。 首先,我们来看"b11_...

    javascript经典特效---jQuery仿动感flash自动滚动图片切换广告插件.rar

    本资源"javascript经典特效---jQuery仿动感flash自动滚动图片切换广告插件.rar"是一个基于jQuery实现的图片轮播插件,它模仿了早期Flash技术中的动态滚动效果,但在不依赖Flash的情况下提供了类似的用户体验。...

    flash网页图片切换效果

    虽然现在HTML5已经替代Flash成为主流的网页交互技术,但理解Flash图片切换效果的实现原理仍然有助于我们学习现代Web开发中的类似技术,如CSS3的动画和JavaScript的交互处理。 在这个"图片切换效果"的压缩包中,可能...

    仿flash图片旋转切换js效果

    在这个场景中,我们关注的是如何使用JavaScript实现一种“仿Flash图片旋转切换”的效果。Flash曾是制作动态内容和动画的主流技术,但随着HTML5的发展,JavaScript成为了替代Flash的首选工具。以下将详细介绍如何使用...

    Javascript+Flash实现5副图片切换

    总的来说,这个项目展示了早期网页技术如何结合使用 JavaScript 和 Flash 来创建动态的图片切换效果。尽管现代网页开发倾向于避免使用 Flash,但理解这一历史背景和技术原理对于理解 web 开发的演变历程仍然十分重要...

    JavaScript FLASH图片幻灯切换效果

    总结起来,JavaScript实现的Flash图片幻灯切换效果利用了CSS3的过渡动画和JavaScript的事件处理,结合HTML结构,为用户提供了一种无需Flash插件的动态图片展示方案。这种技术对于提升用户体验、优化网站性能具有重要...

    JavaScript+flash图片切换集合

    四、Flash图片切换 在早期的Web开发中,Flash提供了强大的动画和交互能力,常用于制作图片轮播效果。但随着HTML5和JavaScript的普及,Flash的使用逐渐减少,因为它不支持移动设备,且性能较低。如今,JavaScript...

Global site tag (gtag.js) - Google Analytics