JS+Flash图片轮换/切换--上下滑动效果

这个效果与《 Flash图片轮换/切换--左右推拉效果》极类似，只是一个是左右，一个是上下。

同样，这个也是js+flash实现的。能够兼容性现行所有的浏览器。
可以设置标题的背景色与标题的字体颜色，文字简介部分，不用再设高度了（高度就是flash场景高度），只需要设宽高。

下面是通过设置不同参数而做的两个效果。
效果1

效果2

最后说一下，我做的这个的优点：

1、浏览器兼容性好，兼容所有主流浏览器，如：IE系列、Firefox、Opera、Chrome(google浏览器)、Safari(苹果浏览器)；均测试通过。
注：遨游浏览器、世界之窗等一般是IE核心，属于IE系列。

2、可以设置图片轮换的时间间隔。可以设置文字的大小、颜色、宽高等。

3、切换的过场动画，可以定制。

演示效果下载：下载

如里有需要复杂效果的话，可以联系我，帮你订制，呵呵。

转载于:https://www.cnblogs.com/2hill/archive/2009/08/31/1557111.html

JS+Flash图片轮换/切换--上下滑动效果相关推荐

html5轮播怎么自动换图,js实现轮播图效果纯js实现图片自动切换
本文实例为大家分享了纯js实现图片自动切换的具体代码,供大家参考,具体内容如下 1.鼠标经过的时候左右两个小按钮会自动弹出,自动播放停止,点击左右小按钮可以切换图片: 2. 鼠标离开,恢复自动播放: ...
html多图轮播淡入淡出js,原生JS实现图片轮播与淡入效果的简单实例
最近对css的兴趣提不起来,因为以前对图片轮播一直耿耿于怀苦于学艺不精,所以,花了点时间熟悉了一下js.然后一条道走到黑,用jquery和js写了一下轮播和图片淡入的效果.以后学习的路很长,希望自己在 ...
html中鼠标移动有下拉图片,JQuery自适应全屏图片滚动鼠标上下滑动效果代码
特效描述:JQuery 自适应全屏图片滚动鼠标上下滑动效果.JQuery:全屏随鼠标滑动而滚动代码结构 1. 引入JS 2. HTML代码 $(function(){ $('body,html' ...
html点击图片弹出模态框,JS实现图片点击后出现模态框效果
JS实现图片点击后出现模态框效果 2019-01-07 编程之家 https://www.jb51.cc 编程之家收集整理的这篇文章主要介绍了JS实现图片点击后出现模态框效果,编程之家小编觉得挺不错的 ...
Flash 图片轮换效果
Flash全站的技术应用系列: (一)AS+JS的Flash网站无刷新定位技术 (二)Flash网站的SEO (三)Flash网站的流量统计 (四)让Flash网站具有IE前进后退的功能 (五)图片 ...
php中轮转图片js代码,js实现图片轮换效果代码
var numb = 0; var imgnumb = 1; function showimg() { //两张图片切换方法1 /*numb++; if (numb % 2 == 0) { docum ...
简洁风个人主页（3） js背景图片随机切换
静态页面做完了,现在用js做一个背景图片随机切换的效果. 1.点击'个人网站'这个字样,实现body背景的切换.所以,首先获取这两个节点. var body = document.body; var ...
JS+Flash 图片轮播
用法力求简单,将imageShow.js加入到网页中需要进行图片轮播的地方即可,JS内容为(可在附近里面下载). var pic_width=943; //图片宽度 var pic_height=35 ...
js点击按钮向左侧滑动效果
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8" ...

JS+Flash图片轮换/切换--上下滑动效果

JS+Flash图片轮换/切换--上下滑动效果相关推荐

最新文章

热门文章