JS实现全景图效果360度旋转
2007-01-08 00:00
691 查看
var scrl,direction="right";
var x,xold,xdiff, i=1;
function change(start){
if(direction == "right"){
if(div1.scrollTop+190 < div1.scrollHeight){
div1.scrollTop += 190;
}
else{
div1.scrollTop = 0;
}
}
else{
if(div1.scrollTop-190 > 0){
div1.scrollTop -= 190;
}
else{
div1.scrollTop = div1.scrollHeight;
}
}
if(start) scrl = setTimeout("change(1)",100);
else clearTimeout(scrl);
}
function getpos(){
x = event.clientX;
xdiff = x - xold;
xold = x;
if(xdiff>0) direction = "right";
if(xdiff
var x,xold,xdiff, i=1;
function change(start){
if(direction == "right"){
if(div1.scrollTop+190 < div1.scrollHeight){
div1.scrollTop += 190;
}
else{
div1.scrollTop = 0;
}
}
else{
if(div1.scrollTop-190 > 0){
div1.scrollTop -= 190;
}
else{
div1.scrollTop = div1.scrollHeight;
}
}
if(start) scrl = setTimeout("change(1)",100);
else clearTimeout(scrl);
}
function getpos(){
x = event.clientX;
xdiff = x - xold;
xold = x;
if(xdiff>0) direction = "right";
if(xdiff
相关文章推荐
- JS实现全景图效果360度旋转
- JS实现全景图效果360度旋转
- JS实现3D图片旋转展示效果代码
- js项目--多张图片显示出3D的效果(360度旋转)
- js实现360度图片旋转
- JS实现3D图片旋转展示效果代码
- 纯JS实现旋转图片3D展示效果
- css3 js实现3D旋转效果
- js实现360度图片旋转
- 纯JS实现旋转图片3D展示效果
- js 实现一个非常漂亮的3D立体旋转效果h5
- js实现图片360度旋转
- three.js实现的地球3D旋转效果
- js实现菜单栏上下旋转动画效果
- js实现图片旋转效果
- js实现360度图片旋转
- JS实现图片旋转动画效果封装与使用示例
- 原生JS实现图片翻转旋转效果
- 可拖动拉伸的左右分栏效果,本例子是用Table以及JS来实现的,左右分栏可改变,拖动中间的边框就可实现宽度的调整,点击时可设置为隐藏左侧列表。
- js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】