网站地图
首页
php教程
asp.net教程
手机开发
css教程
网页制作
办公数码
jsp教程
asp教程
ps教程
当前位置:
编程学习网
>>
网页制作
>
js教程
> >
json|js 图片按秒轮换效果
json|js 图片按秒轮换效果
发布时间:2016-07-10
【www.gdgbn.com--js教程】
提示:您可以先修改部分代码再运行
<script type="text/JavaScript"> //= 4) && (agent.indexOf("msie 4") == -1) && (agent.indexOf("msie 5.0") == -1); var filterNames = new Array(16), filters = new Array(16); filterNames[0] = "混合"; filters[0] = "progid:DXImageTransform.Microsoft.Fade(duration=1)"; filterNames[1] = "百叶窗"; filters[1] = "progid:DXImageTransform.Microsoft.Blinds(duration=1,bands=20)"; filterNames[2] = "棋盘"; filters[2] = "progid:DXImageTransform.Microsoft.Checkerboard(duration=1,squaresX=20,squaresY=20)"; filterNames[3] = "对角线"; filters[3] = "progid:DXImageTransform.Microsoft.Strips(duration=1,motion=rightdown)"; filterNames[4] = "门状"; filters[4] = "progid:DXImageTransform.Microsoft.Barn(duration=1,orientation=vertical)"; filterNames[5] = "梯形"; filters[5] = "progid:DXImageTransform.Microsoft.GradientWipe(duration=1)"; filterNames[6] = "彩虹"; filters[6] = "progid:DXImageTransform.Microsoft.Iris(duration=1,motion=out)"; filterNames[7] = "风车"; filters[7] = "progid:DXImageTransform.Microsoft.Wheel(duration=1,spokes=12)"; filterNames[8] = "点状"; filters[8] = "progid:DXImageTransform.Microsoft.Pixelate(duration=1,maxSquare=10)"; filterNames[9] = "放射状"; filters[9] = "progid:DXImageTransform.Microsoft.RadialWipe(duration=1,wipeStyle=clock)"; filterNames[10] = "雨"; filters[10] = "progid:DXImageTransform.Microsoft.RandomBars(duration=1,orientation=vertical)"; filterNames[11] = "幻灯片"; filters[11] = "progid:DXImageTransform.Microsoft.Slide(duration=1,slideStyle=push)"; filterNames[12] = "雪"; filters[12] = "progid:DXImageTransform.Microsoft.RandomDissolve(duration=1,orientation=vertical)"; filterNames[13] = "螺旋形"; filters[13] = "progid:DXImageTransform.Microsoft.Spiral(duration=1,gridSizeX=40,gridSizeY=40)"; filterNames[14] = "拉伸"; filters[14] = "progid:DXImageTransform.Microsoft.Stretch(duration=1,stretchStyle=push)"; filterNames[15] = "随机"; filters[15] = "RANDOM"; // ]]> </script>
cokin filter 的幻灯片放映
cokin2 日期: 2006年05月01日 cokin 日期: 2006年05月01日 <script type="text/JavaScript"> // 0; i--) { j = random_int(i+1); k = random_order[i]; random_order[i] = random_order[j]; random_order[j] = k; } function move_index(by) { if (iDir==0/*random*/) { random_index = 0; for (i = 0; i < count; i++) if (random_order[i] == index) { random_index = i; break; } return random_order[(random_index+by+count)%count]; } else return (index+(by*iDir)+count)%count; } function preload(i) { if (!is_cached[i][iSize]) { is_cached[i][iSize] = 1; image.src = document.getElementById("item_"+i+"_"+item_map[i][iSize]).href; } } function slide_view_start() { if (bShowText) show_text(); preload(move_index(1)); if (timer) { clearInterval(timer); clearTimeout(timer); } // Avoid extra timers in opera if (!bPause) timer = setTimeout("goto_next_photo()", iDelay); } function goto_next_photo() { index = move_index(1); if (bCanBlend) apply_filter(); document.images.slide.src = document.getElementById("item_"+index+"_"+item_map[index][iSize]).href; linkStop.href = document.getElementById("href_"+index).href; if (bCanBlend) document.images.slide.filters[0].Play(); } function show_text() { spanTitle.innerHTML = document.getElementById("title_"+index).innerHTML; spanSummary.innerHTML = document.getElementById("summary_"+index).innerHTML; spanDate.innerHTML = document.getElementById("date_"+index).innerHTML; spanDescription.innerHTML = document.getElementById("description_"+index).innerHTML; } function text_onoff() { bShowText = bShowText ? 0 : 1; if (bShowText) show_text(); else { spanTitle.innerHTML = spanSummary.innerHTML = spanDate.innerHTML = spanDescription.innerHTML = ""; } textBanner.style.display = bShowText ? "block" : "none"; spanText.innerHTML = bShowText ? "隐藏更多信息" : "显示更多信息"; } function start_stop() { bPause = bPause ? 0 : 1; if (bPause) clearTimeout(timer); else goto_next_photo(); spanPause.innerHTML = bPause ? "继续" : "暂停"; } function jump(by) { index = move_index(by); clearTimeout(timer); goto_next_photo(); } function apply_filter() { f = filters[document.getElementById("filter").selectedIndex]; if (f == "RANDOM") f = filters[random_int(filters.length-1)]; document.images.slide.style.filter = f; document.images.slide.filters[0].Apply(); } function new_size(size) { iSize = size; jump(-1); } function new_order(direct) { iDir = direct; } function new_delay(delay) { iDelay = delay*1000; jump(-1); } function tools_onoff() { bShowTools = bShowTools ? 0 : 1; toolBar.style.display = bShowTools ? "block" : "none"; toolText.innerHTML = bShowTools ? "[-]" : "[+]"; } // ]]> </script> [-] 停止 暂停 返回单个图片显示 显示更多信息 延时:
3秒
5秒
10秒
15秒
20秒
方向:
向前
向后
随机
最大尺寸:
320 x 320
640 x 640
800 x 800
1024 x 1024
1280 x 1280
<script type="text/JavaScript"> // "); for (i = 0; i < filterNames.length; i++) { document.write("
"+filterNames[i]); } document.write(""); } // ]]> </script>
<script type="text/JavaScript"> // </script>
提示:您可以先修改部分代码再运行
本文来源:
http://www.gdgbn.com/wangyezhizuo/12235/
上一篇:
【json】js 菜单申缩效果
下一篇:
[图片轮换js代码]图片轮换 淡入淡出
相关推荐
【非主流照片男生】非主流照片处理
【json】js 菜单申缩效果
[滑动菜单插件]滑动菜单
淘宝联盟|阿里妈妈的商城分类效果一
css模仿select_css模仿select下拉列表
[asp生成验证码代码]asp生成验证码
超酷网页视频播放器 下载_超酷css 菜单
【淘宝联盟】阿里妈妈的商城分类效果
[sql server]SQL Server与Oracle并行访问的区别
google学术搜索|模仿Google的搜索提示框
网友关注
【在线调试服务器】在线调试服务端js代码的asp源码
中英文双语版简历_中英文双语导航菜单
所见非所得_过滤所见所得编辑器里的危险脚本二
json|js 滑块
qq表情放大代码_图片放大代码
【asp防止sql注入】ASP防止站外、跨域提交
折叠菜单插件_折叠菜单
[css文字过长自动隐藏]CSS文字过长自动隐藏
所见非所得_过滤所见所得编辑器里的危险脚本
163博客手机登录_163博客弹出popup菜单
热门标签
json格式化
json在线格式化
js格式化
js刷新当前页面
jsp
js保留两位小数
最新js教程
js教程
js遍历对象_js中查找对象代码
js教程
javascript学习指南_java 自动装箱拆箱实现方法
js教程
eclipse连接mysql数据库_java连接db2数据代码
js教程
flash player|flash js Fusioncharts 参数详解与参考
js教程
json_js ajax XMLHttpRequest与jq $.ajax
js教程
【js利用cookie】js利用cookies与正则设置字体高亮显示
js教程
asp.net core_asp.net DataGridTree 下拉树 实现方法
js教程
[jsp注册页面代码]JSP页面编码问题分析
js教程
[hibernate和mybatis的区别]Hibernate 中get()和load()与Hibernate简介
js教程
判断textarea中是否有回车符|判断textarea中是否有回车符方法
js教程热门文章
js教程
[图片轮换js代码]图片轮换 淡入淡出
js教程
js获取select选中的值_JS美化select选择框
js教程
json|js onmouserover控制图片
js教程
phpstudy_php cookie cn域名规范
js教程
【学好普通话】学好PHP,try your best
js教程
【php简单日历代码】PHP简单日历实例
js教程
[phpwindows下使用怎么解决]PHP:windows下使用zend studio及相关产品搭建php调试环境
js教程
学php需要多久|PHP的学习
js教程
【php调用js文件的好处】php调用js文件的好办法
js教程
php if and|php+javascript 静态化简单实例
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
Copyright©2006-2019 编程学习网 www.gdgbn.com 版权所有