`
jsntghf
  • 浏览: 2531750 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

图片展示效果

阅读更多
<script type="text/javascript">
    var pic_width = 417; //图片宽度
    var pic_height = 215; //图片高度
    var button_pos = 4; //按钮位置 1-左 2-右 3-上 4-下
    var stop_time = 4000; //图片停留时间(1000为1秒钟)
    var show_text = 1; //是否显示文字标签 1-显示 0-不显示
    var txtcolor = "000000"; //文字色
    var bgcolor = "FFFFFF"; //背景色
    var imag = new Array();
    var link = new Array();
    var text = new Array();

    imag[1] = "images/1.jpg";
    link[1] = "http://www.ucml.com.cn";
    text[1] = "UCML框架平台";
    imag[2] = "images/2.jpg";
    link[2] = "http://blackberry.csdn.net";
    text[2] = "BlackBerry移动智能平台";
    imag[3] = "images/3.jpg";
    link[3] = "http://web-developer.csdn.net";
    text[3] = "Visual Studio 2010";
    imag[4] = "images/4.jpg";
    link[4] = "http://qt.csdn.net/certification.aspx";
    text[4] = "诺基亚Qt认证";
    imag[5] = "images/5.jpg";
    link[5] = "http://www.ciecloud.org/2010";
    text[5] = "第二届中国云计算大会";

    var swf_height = show_text == 1 ? pic_height + 20 : pic_height;
    var pics = "", links = "", texts = "";
    for (var i = 1; i < imag.length; i++) {
        pics = pics + ("|" + imag[i]);
        links = links + ("|" + link[i]);
        texts = texts + ("|" + text[i]);
    }

    pics = pics.substring(1);
    links = links.substring(1);
    texts = texts.substring(1);

    document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cabversion=6,0,0,0" width="' + pic_width + '" height="' + swf_height + '">');
    document.write('<param name="movie" value="swf/focus.swf">');
    document.write('<param name="quality" value="high"><param name="wmode" value="opaque">');
    document.write('<param name="FlashVars" value="pics=' + pics + '&links=' + links + '&texts=' + texts + '&pic_width=' + pic_width + '&pic_height=' + pic_height + '&show_text=' + show_text + '&txtcolor=' + txtcolor + '&bgcolor=' + bgcolor + '&button_pos=' + button_pos + '&stop_time=' + stop_time + '">');
    document.write('<embed wmode="transparent" src="swf/focus.swf" FlashVars="pics=' + pics + '&links=' + links + '&texts=' + texts + '&pic_width=' + pic_width + '&pic_height=' + pic_height + '&show_text=' + show_text + '&txtcolor=' + txtcolor + '&bgcolor=' + bgcolor + '&button_pos=' + button_pos + '&stop_time=' + stop_time + '" quality="high" width="' + pic_width + '" height="' + swf_height + '" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
    document.write('</object>');
</script>

 

效果如下图所示:

分享到:
评论

相关推荐

    flash图片展示效果

    在IT行业中,Flash是一种曾经广泛应用于网页设计和多媒体内容创建的平台,特别是在制作动态图片展示效果方面具有显著优势。标题“flash图片展示效果”指的便是利用Adobe Flash技术来实现的图片展示动画或交互效果。...

    Jquery 图片展示效果

    在本文中,我们将深入探讨如何利用jQuery来创建丰富的图片展示效果。 一、jQuery基础 1. jQuery选择器:jQuery 提供了丰富的选择器,如 ID 选择器 (#id),类选择器 (.class),以及元素选择器 (element),这使得...

    仿微信朋友圈图片展示效果

    微信朋友圈作为一款深受用户喜爱的功能,其图片展示效果是许多开发者模仿的对象。本文将深入探讨如何实现“仿微信朋友圈图片展示效果”,并基于提供的标签“朋友圈图片展”进行详细讲解。 首先,我们需要理解微信...

    JS实现页面图片展示效果

    在网页设计中,图片展示效果是提升用户体验的关键因素之一。JavaScript作为前端开发的重要语言,能够实现许多动态和交互式的图片展示功能。以下是一些基于JavaScript实现的图片展示效果及其相关知识点: 1. 图片...

    ios应用源码之酷炫的图片展示效果 20181210

    在iOS应用开发中,酷炫的图片展示效果是吸引用户注意力和提升用户体验的重要手段。本文将深入探讨如何利用iOS的SDK和编程技术实现这样的效果,主要关注以下知识点: 1. **UIImageView**: `UIImageView`是iOS中用于...

    超炫的js图片展示效果

    在网页设计中,JavaScript是一种强大的客户端脚本语言,它能够为用户提供丰富的交互体验,其中图片展示效果就是一种常见的应用场景。本文将深入探讨如何利用JavaScript实现超炫的图片展示效果,以及涉及的相关技术与...

    CSS3图片展示效果

    以上只是CSS3在图片展示效果方面的一部分应用,实际上,随着技术的不断发展,开发者还可以结合JavaScript和其他前端框架,创造出更多富有创意的图片展示效果。通过深入学习和实践,我们可以让网页中的图片变得生动、...

    超炫精美的js图片展示效果代码

    本资源“超炫精美的js图片展示效果代码”显然是一份用于实现独特图片展示效果的JS代码库,能够为网页带来引人入胜的视觉体验。下面我们将深入探讨相关的JavaScript知识点以及如何利用这些代码实现图片展示效果。 ...

    漂亮的仿国外网站图片展示效果

    漂亮的仿国外网站图片展示效果,適合做作品集、攝影作品展示、簡單的滑鼠滑過圖片變亮且放大的特效!

    JQuery做的一个简单的图片展示效果

    JQuery做的一个简单的图片展示效果,稍作修改可以仿照QQ的图片展示。

    js多种图片展示效果

    在JavaScript的世界里,图片展示效果是网页动态交互中不可或缺的一部分,它可以提升用户体验,使网站更加生动有趣。以下是一些基于JavaScript实现的图片展示效果的详细解释: 1. **163选项卡效果**:这是一种常见的...

    android多张图片展示效果

    综上所述,"android多张图片展示效果"这一主题涵盖了Android应用中图片选择、加载、缓存、压缩、裁剪、预览等多个环节,涉及到的工具和库包括Intent、图片加载库、缓存策略、异步处理、权限管理等。通过熟练掌握这些...

    类似QQ空间图片展示效果

    在IT行业中,创建类似QQ空间图片展示效果是一个常见的需求,主要涉及到前端开发、用户体验设计以及图像处理技术。QQ空间的图片展示方式以其直观、互动性强的特点深受用户喜爱,因此,模仿这种效果对于提升用户界面...

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

    标题中的“超酷超绚精美图片展示效果代码”是指一种使用JavaScript实现的动态图片展示技术,旨在提升网页的视觉吸引力和用户体验。JavaScript是一种广泛应用于网页开发的编程语言,它可以为网页添加交互性,使得静态...

    jQuery单张图片展示效果

    在网页设计中,图片展示效果是提升用户体验的重要一环,特别是在产品展示或摄影网站中。jQuery,一个广泛使用的JavaScript库,提供了丰富的功能和插件来实现各种动态效果,包括单张图片的展示。本篇文章将深入探讨...

    图片展示效果(逐渐放大缩小)

    在IT行业中,图片展示效果是用户体验设计的重要组成部分,特别是在网页设计、APP开发或者多媒体应用中。"图片展示效果(逐渐放大缩小)"是一种常见的增强视觉吸引力的技术,它通过平滑过渡的动画效果来吸引用户的...

    简洁的图片展示效果

    在IT行业中,图片展示效果是用户体验设计的重要组成部分,尤其在网页设计、移动应用以及多媒体交互等领域。本主题聚焦于“简洁的图片展示效果”,旨在探讨如何通过高效且优雅的方式呈现图像,以提升用户对信息的吸收...

    JQUERY实现的图片展示效果

    在网页设计中,图片展示效果是提升用户体验的重要一环,jQuery作为一个强大的JavaScript库,提供了丰富的功能来实现各种图片切换和展示效果。本篇文章将详细探讨如何利用jQuery插件实现这样的功能,以及涉及到的关键...

    微博图片展示效果代码案例

    总的来说,这个“微博图片展示效果代码案例”是一个前端开发的实战教程,涵盖了HTML、CSS和JavaScript的基础知识,以及图片交互设计的技巧。通过学习和实践这个案例,开发者可以掌握如何利用现代Web技术创建具有动态...

Global site tag (gtag.js) - Google Analytics