网站地图
首页
php教程
asp.net教程
手机开发
css教程
网页制作
办公数码
jsp教程
asp教程
ps教程
当前位置:
编程学习网
>>
php教程
>
php常用代码
> >
【javascript学习指南】javascript 淡入式图片幻灯切换效果(带说明的)
【javascript学习指南】javascript 淡入式图片幻灯切换效果(带说明的)
发布时间:2019-02-10
【www.gdgbn.com--php常用代码】
提示:您可以先修改部分代码再运行
带说明的淡入式图片幻灯切换效果果
<script type="text/javascript"> var Hongru={}; function H$(id){return document.getElementById(id)} function H$$(c,p){return p.getElementsByTagName(c)} Hongru.fader = function(){ function init(anchor,options){ this.anchor = anchor; var wp = H$(options.id), ul = H$$("ul",wp)[0], li = this.li = H$$("li",ul); this.index = options.position?options.position:0; this.a = options.auto?options.auto:2; this.cur = this.z = 0; this.l = li.length; this.img = []; for(var k=0;k
=100){ this.li[i].o = 0; curLi.style.opacity = 0; curLi.style.filter = "alpha(opacity=0)"; this.alt.style.height = "0px"; } for(var x=0;x
=100){ clearInterval(p.f); if(!this.li.a){//一定要在这里做个是否已经clearInterval的判断,要不然在快速点击的时候会导致图片不停地闪 this.auto(); } } else{ p.o+=5; //setOpacity(this.li[i],this.li[i].o); p.style.opacity = p.o/100; p.style.filter = "alpha(opacity="+p.o+")"; this.alt.style.height = Math.ceil(p.o*this.textH/100)+"px"; } } }; return {init:init}; }(); </script>
<script type="text/javascript"> var fader = new Hongru.fader.init("fader",{ id:"fader" }); </script>
提示:您可以先修改部分代码再运行
本文来源:
http://www.gdgbn.com/jiaocheng/27362/
上一篇:
[phpstudy]php 支付宝接口程序源码(完整版带实例)
下一篇:
【phpstudy】php 问问采集代码
相关推荐
[二维码生成器]二款jquery 上下滚动效果
兼容多浏览器|兼容多浏览js获取来路代码
jquery ajax|jquery 延迟加载图片的 jQuery 插件(仿淘宝商城)
网页禁止复制代码|网页禁止复制代码
json_js cookie操作 删除 设置 读取例子
[phpstudy]php str_replace函数(可限制替换个数)
jquery ajax_jquery 分页控件实分页效果
ps照片变素描效果_ps照片怀旧效果(老照片制作教程)
dwg文件怎么打开|dw cs 在onLoad运行RecordsetFind.htm时发现了以下javascript错误
【360buy京东商城】360buy 产品迟延加载jquery代码
网友关注
【精美的什么】精美的JQuery的Alert消息框插件效果
【phpstudy】php substr中文乱码解决办法
[php利用cookie]php利用cookies 实现购物车
[phpstudy]php 支付宝接口程序源码(完整版带实例)
json_js WordPress 淡出淡入导航菜单效果
【json】js egexp验证数字例子
json_js 仿goolge baidu 文本框下拉提示效果
phpstudy|php 创建图像实例
jquery ajax|jquery checkbox房源对比代码
json|js 获取鼠标在页面上的位置实例与返回顶部代码
热门标签
最新php常用代码
php常用代码
as3 api|as3 火燃烧效果实现代码
php常用代码
phpstudy|php continue和break流程控制语名用法
php常用代码
【sql语句查询】sql复合查询与null对查询结果影响分析
php常用代码
兼容firefox_兼容firefox和Opera,select中添加、修改、删除option元素
php常用代码
csrf-token_c 随机生成字符串或数组方法
php常用代码
css美化select_css美化select表单实现方法代码
php常用代码
【超简单的画】超简单php 大图生成缩略图实现代码
php常用代码
[asp.net core]asp.net ajax 检测用户名是否可用代码
php常用代码
phpstudy|php 获取目录下所有文件实现代码
php常用代码
asp.net core|asp.net ajax 检测用户名是否可用代码
php常用代码热门文章
php常
【phpstudy】php 问问采集代码
php常
[flash怎么导入图片]两屏flash图片切换效果
php常
[asp数据修改保存代码怎么写]asp数据修改保存代码
php常
【第三种选择】三种php删除文件代码
php常
[php删除目录文件]php删除目录几种方法
php常
【phpstudy】php 缓存技术
php常
php多文件上传|简单php文件上传实例
php常
[四种形态]四种获取 文件扩展名方法
php常
asp.net core|asp.net 二级联动代码
php常
flash广告怎么关闭|flash可关闭右上角广告代码
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
Copyright©2006-2019 编程学习网 www.gdgbn.com 版权所有