js+flash实现的5图变换效果广告代码(附演示与demo源码下载)_javascript技巧

本文实例讲述了js+flash实现的5图变换效果广告代码。分享给大家供大家参考,具体如下:

这是一款类似淘宝图片广告的js+flash广告代码。非常美观实用!

运行效果截图如下:

点击此处查看在线演示效果。

具体代码如下:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>5图变换flash+js广告代码</title>
<SCRIPT src="js/sohuflash_1.js" type=text/javascript></SCRIPT>
</head>
<body>
<div align="center">
<div id=flashcontent01></div>
<script type=text/javascript>
  // <![CDATA[
  var pics="images/01.jpg|images/02.jpg|images/03.jpg|images/04.jpg|images/05.jpg";
  var mylinks="#|#|#|#|#";
  var texts="阿旺|阿汤|哈哈|阿毛|喵星人";
  var sohuFlash2 = new sohuFlash("images/yl1017.swf","sohuFlashID01","299","297","5","#ffffff");
   sohuFlash2.addParam("quality", "high");
   sohuFlash2.addParam("wmode", "opaque");
   sohuFlash2.addParam("salign", "t");
   sohuFlash2.addVariable("p",pics);
   sohuFlash2.addVariable("l",mylinks);
   sohuFlash2.addVariable("icon",texts);
   sohuFlash2.write("flashcontent01");
  // ]]>
</script>
</div>
</body>
</html>

完整实例代码点击此处本站下载。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索js
, flash
, 广告代码
5图变换
微信小程序demo演示、d3.js demo 在线演示、swfupload demo演示、jeesite demo演示、demo演示,以便于您获取更多的相关知识。

时间: 2024-10-13 15:46:01

js+flash实现的5图变换效果广告代码(附演示与demo源码下载)_javascript技巧的相关文章

JS基于ocanvas插件实现的简单画板效果代码(附demo源码下载)_javascript技巧

本文实例讲述了JS基于ocanvas插件实现的简单画板效果.分享给大家供大家参考,具体如下: 使用ocanvas做了个简单的在线画板. ocanvas参考:http://ocanvas.org/ 效果如下: 主要代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>oCanvas Example</title> <meta na

HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)_javascript技巧

本文实例讲述了HTML5游戏引擎LTweenLite实现的超帅动画效果.分享给大家供大家参考,具体如下: lufylegend.js是一个开源的HTML5游戏引擎,在游戏中往往会有各种的动画,这些动画有些是flash文件,有些是视频文件,本次就来利用lufylegend制作一个帅气的游戏动画,如下图. 测试连接如下: http://lufylegend.com/demo/effects01/ 一.准备工作 准备工作当然就是引擎的下载了. lufylegend.js引擎官网 http://lufy

jQuery实现的指纹扫描效果实例(附演示与demo源码下载)_jquery

本文实例讲述了jQuery实现的指纹扫描效果.分享给大家供大家参考,具体如下: 运行效果截图如下: 点击此处查看在线演示效果. 具体代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>demo</title> <style type="text/css"> body { background:blac

JS简单编号生成器实现方法(附demo源码下载)_javascript技巧

本文实例讲述了JS简单编号生成器实现方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>编号生成器</title> </head> <body&g

WebGL利用FBO完成立方体贴图效果完整实例(附demo源码下载)_javascript技巧

本文实例讲述了WebGL利用FBO完成立方体贴图效果的方法.分享给大家供大家参考,具体如下: 这篇主要记录WebGL的一些基本要点,顺便也学习下如何使用FBO与环境贴图.先看下效果图(需要支持WebGL,Chrome,火狐,IE11). 主要实现过程如下,先用FBO输出当前环境在立方体纹理中,再画出当前立方体,最后画球,并且把FBO关联的纹理贴在这个球面上. 开始WebGL时,最好有些OpenGL基础,在前面讲Obj完善与MD2时,大家可能已经发现了,因为着色器的添加使用,原来一些Opengl大

JS禁用页面上所有控件的实现方法(附demo源码下载)_javascript技巧

本文实例讲述了JS禁用页面上所有控件的实现方法.分享给大家供大家参考,具体如下: 利用页面元素的特征,可以捕捉到所有元素. function DisableElements(container,blnHidenButton) { if (!container) return; var aEle; if (navigator.appName =="Microsoft Internet Explorer") //IE { for (var i=0;i<container.all.le

JS密码生成与强度检测完整实例(附demo源码下载)_javascript技巧

本文实例讲述了JS密码生成与强度检测的方法.分享给大家供大家参考,具体如下: 1. 生成强密码 截图如下: 相关代码如下: function getPwd(n) { var s = ''; while(n--) s += String.fromCharCode(33 + Math.floor(Math.random()*(126-33))) document.getElementById('txt1').value = s; } 2. 计算密码破解时间 截图如下: 相关代码如下: functio

不依赖Flash和任何JS库实现文本复制与剪切附源码下载_javascript技巧

效果图如下: 我们在网页上放置一个复制按钮,主要用来方便用户复制链接之类的复杂文本,以往的做法是,通过JS依靠Flash,甚至借助jQuery庞大的js库来实现文本复制到剪贴板的.今天我要给大家介绍的是一款极现代的,不需要flash,不依赖任何其他js库的非常小的插件,它叫clipboard.js. 查看演示 下载源码 HTML 首先加载本地clipboard.js文件. 复制代码 代码如下: <script src="clipboard.min.js"></scri

基于JS快速实现导航下拉菜单动画效果附源码下载_javascript技巧

这是一个带变形动画特效的下拉导航菜单特效.该导航菜单在菜单项之间切换时,下拉菜单会快速的根据菜单内容的大小来动态变形,显示合适的下拉菜单大小,效果非常棒. 快速的导航下拉菜单动画效果如下所示: 效果演示         源码下载 HTML 该导航菜单的HTML结构如下: <header class="cd-morph-dropdown"> <a href="#0" class="nav-trigger">Open Nav&