焦点 向上补齐
来源:互联网 发布:期货网络销售工作 编辑:程序博客网 时间:2024/04/29 12:28
<body>
<div id = 'box'>
<ul id = 'contents'>
<li><img src="img/img1.jpg"></li>
<li><img src="img/img2.jpg"></li>
<li><img src="img/img3.jpg"></li>
<li><img src="img/img4.jpg"></li>
<li><img src="img/img5.jpg"></li>
</ul>
</div>
<script type="text/javascript">
var n = 0;
var timer = null;
var contents = document.getElementById('contents');
var imgs = contents.getElementsByTagName('li');
timer = setInterval(function(){
if((imgs.length-1) * -170 == n){
n = 0;
}else{
n-=170;
}
startMove(contents,n,'top');
},2000)
function getStyle(obj,attr){
if(obj.currentStyle){
return obj.currentStyle[attr];
}else{
return getComputedStyle(obj,null)[attr];
}
}
function startMove(obj,iTarget,attr){
clearInterval(obj.timer);
obj.timer = setInterval(function(){
lWidth = parseInt(getStyle(obj,'top'));
var speed = (iTarget - lWidth) / 8;
speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
if(lWidth == iTarget){
clearInterval(obj.timer);
}else{
obj.style[attr] = lWidth + speed + 'px';
}
},30)
}
</script>
</body>
<div id = 'box'>
<ul id = 'contents'>
<li><img src="img/img1.jpg"></li>
<li><img src="img/img2.jpg"></li>
<li><img src="img/img3.jpg"></li>
<li><img src="img/img4.jpg"></li>
<li><img src="img/img5.jpg"></li>
</ul>
</div>
<script type="text/javascript">
var n = 0;
var timer = null;
var contents = document.getElementById('contents');
var imgs = contents.getElementsByTagName('li');
timer = setInterval(function(){
if((imgs.length-1) * -170 == n){
n = 0;
}else{
n-=170;
}
startMove(contents,n,'top');
},2000)
function getStyle(obj,attr){
if(obj.currentStyle){
return obj.currentStyle[attr];
}else{
return getComputedStyle(obj,null)[attr];
}
}
function startMove(obj,iTarget,attr){
clearInterval(obj.timer);
obj.timer = setInterval(function(){
lWidth = parseInt(getStyle(obj,'top'));
var speed = (iTarget - lWidth) / 8;
speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
if(lWidth == iTarget){
clearInterval(obj.timer);
}else{
obj.style[attr] = lWidth + speed + 'px';
}
},30)
}
</script>
</body>
0 0
- 焦点 向上补齐
- 向上
- VerticalGridView第一行获取焦点后,再次按向上键,上方的控件获取不到焦点解决方案
- 焦点
- 焦点
- 焦点
- vim 补齐
- C++内存补齐
- FreeBSD 自动补齐
- 字符串补齐
- 字符串补齐
- python 自动补齐
- 报表补齐数据
- 内存补齐
- shell----自动补齐
- 二进制文件补齐FF
- CoordinatorLayout补齐资料篇
- kubectl 命令补齐
- Epoll水平触发(Level Triggered)工作模式和边缘触发(Edge Triggered)工作模式区别
- Git中经常需要操作到的东西
- 基于Spring和CXF的webservice开发环境搭建
- Ionic
- 如何重开固定资产会计年度
- 焦点 向上补齐
- allegro16.5—relative propagation delay检查
- ExtJs5+Spring.Net+MVC项目搭建笔记--前台ExtJS搭建(2)
- Android开源项目第一篇——个性化控件(View)篇
- 一.数据结构概论
- swift0002
- MFC 中 删除一个非空文件夹 (MFC 文件操作 一)
- JS事件响应的学习总结
- #259 – 对使用OpenType 字体的文本进行排版(Setting Typography Properties for Text Rendered with an OpenType Font)