当前位置:Gxlcms > JavaScript > jQuery实现360°全景拖动展示_jquery

jQuery实现360°全景拖动展示_jquery

时间:2021-07-01 10:21:17 帮助过:50人阅读

CSS

代码如下:

html,body{background:#333;}
#loading{left:0;top:0;width:100%;height:100%;background:#333;color:#fff;}
#loading span{left:45%;top:40%;font:normal 50px Arial;color:#fff;}
#demo{left:50%;top:50%;margin-left:-512px;margin-top:-384px;width:1024px;height:768px;}
#demo img{border-radius:8px;border:5px solid #555;}
.back{font-size:18px;line-height:130%;padding:8px 20px;color:#fff;}
#back-home{left:0px;top:0px;background:#35916D;}
#back-article{right:0px;top:0px;background:#444;}
#back-download{right:0px;bottom:0px;background:#CE565D;}

HTML

代码如下:



js

代码如下: