网站地图
首页
php教程
asp.net教程
手机开发
css教程
网页制作
办公数码
jsp教程
asp教程
ps教程
当前位置:
编程学习网
>>
网页制作
>
js教程
> >
json|js 图片轮换代码
json|js 图片轮换代码
发布时间:2018-04-28
【www.gdgbn.com--js教程】
提示:您可以先修改部分代码再运行
js 图片轮换代码
picsGlide
1 2 3 4 5 <script type="text/javascript"> /** *glide.layerGlide((oEventCont,oSlider,sSingleSize,sec,fSpeed,point); *@param auto type:bolean 是否自动滑动 当值是true的时候 为自动滑动 *@param oEventCont type:object 包含事件点击对象的容器 *@param oSlider type:object 滑动对象 *@param sSingleSize type:number 滑动对象里单个元素的尺寸(width或者height) 尺寸是有point 决定 *@param second type:number 自动滑动的延迟时间 单位/秒 *@param fSpeed type:float 速率 取值在0.05--1之间 当取值是1时 没有滑动效果 *@param point type:string left or top */ var glide =new function(){ function $id(id){return document.getElementById(id);}; this.layerGlide=function(auto,oEventCont,oSlider,sSingleSize,second,fSpeed,point){ var oSubLi = $id(oEventCont).getElementsByTagName("li"); var interval,timeout,oslideRange; var time=1; var speed = fSpeed var sum = oSubLi.length; var a=0; var delay=second * 1000; var setValLeft=function(s){ return function(){ oslideRange = Math.abs(parseInt($id(oSlider).style[point])); $id(oSlider).style[point] =-Math.floor(oslideRange+(parseInt(s*sSingleSize) - oslideRange)*speed) +"px"; if(oslideRange==[(sSingleSize * s)]){ clearInterval(interval); a=s; } } }; var setValRight=function(s){ return function(){ oslideRange = Math.abs(parseInt($id(oSlider).style[point])); $id(oSlider).style[point] =-Math.ceil(oslideRange+(parseInt(s*sSingleSize) - oslideRange)*speed) +"px"; if(oslideRange==[(sSingleSize * s)]){ clearInterval(interval); a=s; } } } function autoGlide(){ for(var c=0;c
[(sSingleSize * i)]){ interval = setInterval(setValLeft(i),time); this.onmouseout=function(){if(auto){timeout = setTimeout(autoGlide,delay);};}; }else if(Math.abs(parseInt($id(oSlider).style[point]))<[(sSingleSize * i)]){ interval = setInterval(setValRight(i),time); this.onmouseout=function(){if(auto){timeout = setTimeout(autoGlide,delay);};}; } } })(i) } } } glide.layerGlide(true,"icon_num_top","show_pic_top",205,2,0.1,"top"); </script>
提示:您可以先修改部分代码再运行
本文来源:
http://www.gdgbn.com/wangyezhizuo/22759/
上一篇:
【json】js checkbox和按钮实现的多选框全选功能
下一篇:
[json]js 延时加载文件的代码
相关推荐
【json】js checkbox和按钮实现的多选框全选功能
【纯css框架】纯css 二级导航菜单
seo优化|SEO获得日5000IP百度流量
javascript学习指南_javascript 仿flash焦点图片切换代码
[净化网络环境标语]净化网络环境全面出击 引发空间选购新观念
怎么做网站页面|怎么做网站的长尾关键词
钻石经典纯和_经典纯css菜单代码
[css左侧多级菜单]css左侧多级菜单
网站被百度k后如何使用_网站被百度K后如何恢复
【纯css导航栏】纯css导航菜单代码
网友关注
兼容ie7吗_兼容IE7,ie6纯css右侧导航菜单
【json】js 右下角浮动广告代码
钻石经典纯和|经典纯css多级联动导航菜单
javascript学习指南|javascript 防开心网好友印象特效代码
【json】js 控制input输入框效果代码
【javascript学习指南】javascript仿window多窗口桌面效果(附模拟alert()提示.及confirm())
html代码_HTML代码:
javascript学习指南_javascript+css tab 切换菜单效果
[js css实例教程]js+css实例超漂亮tab切换选项卡代码
【根据域名查询ip地址】根据域名调用城市信息
热门标签
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教程
[json]js 延时加载文件的代码
js教程
[json]js 节日游戏代码
js教程
json|js 用户自定义多文件上传代码
js教程
[json]js 漂亮的仿combox控件下拉菜单效果
js教程
新站区管委会_新站应如何交换友情链接
js教程
[json]js 导航栏下拉菜单代码
js教程
json|js 焦点图带小缩略图切换纯javascript代码
js教程
[js下拉菜单代码]js下拉菜单样式代码
js教程
json_js check 是否选中代码
js教程
【json】js 下拉菜单
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
Copyright©2006-2019 编程学习网 www.gdgbn.com 版权所有