谈谈360度全景看图插件及制作

360度全景看图

360度全景看图是流行比较久的技术了,目前除了我们利用百度地图插件,制作360度全景地图之外。市面上还有不少方法!360度全景看图让你有更好的全景体验,我们在360全景看房或者其他方面应用的最广泛!下面,我们简单的聊聊360度全景看图插件及制作。

制作软件制作

因为这项技术蛮火,因此,派生了不少软件制作商制作收费软件来实现这种全景看图,当然,这个不是我们想要的。但是,今天,我还是简单介绍几个360全景看房的软件制作商吧!

1、krpano,大家可以网上搜索,他们的软件可以制作360全景看图,目前,不少房产公司也用了这家公司的软件!但是是收费的!

2、pano2vr,这个软件也是制作360全景看图,网上也有教程和例子,感兴趣的可以去看看!(软件也是收费的。PS,我这边有软件破解版!目前还能用,不知道能用多久!)

jquery监听事件的另一种写法及最简单的jquery拖拽

前言

很久之前写了一个jquery3D楼盘在线选择,这么一个插件,插件很简单,因为后期项目中没有实际用到,因此,有些地方不是很完善,后面也懒得再进行修改维护了。最近放到github上面,但是也少有人问津及star。昨天,有个网友问我,这个插件中关于拖拽的一些写法!因此,今天在这里简单的对这个插件及相关知识做一些解释,希望对广大朋友有帮助!

引子——关于jquery的某些写法

我先不对监听事件做解释,我们先来看下jquery的一些写法吧!我们最常用的是jquery的css()方法,相信大家都会用!

假如用css设置一个属性,我们写法如下:

$("#haorooms").css("width","100px");

假如多个属性呢?我们写法如下:

$(".demo").css({"height":"100px","background-color":"red"});

把他们放到一个对象里面!

移动端日期处理的一些问题

问题描述

移动端对于日期的处理,和pc端有点不同,例如pc端“2016-08-02”或者“2016/08/02”在移动端通常会被解析为“2016年8月2日”这种格式,这个我们可能经常遇到。最近就踩了这么一个坑。在pc端怎么测都可以的日期插件,但是在移动端就有问题了。下面我就来说说这个问题吧!

相关知识

在说这个问题之前,我们先来回顾一下日期插件的相关知识!关于日期,我前面写过2篇文章,分别是javascript时间格式format函数javascript时间戳函数,这两篇文章写的有点年头,我下面再来补充一些相关方面的知识吧!

例如:我在时间戳转为20160802这个格式的时候,自己封装了一个函数,如下:

视觉差效果制作总结和案例下载

视觉差效果描述

所谓视觉差效果,就是我们所看到的那种背景固定的滚动的效果,你可以预览查看。我前面加链接的这两个,都是我们所常说的视觉差效果。其实视觉差效果流行蛮久了!那今天,我和大家简单介绍一下这个视觉差效果!

视觉差效果的原理

视觉差效果的制作,我们主要要了解css背景background-attachment: fixed;这个属性,我之前有介绍过background-image,制作多个背景这个属性,但是没有介绍个background-attachment,background-attachment有三个值,scroll,fixed,和inherit,默认是scroll,背景随着滚动而滚动,那fixed呢,表示“当页面的其余部分滚动时,背景图像不会移动”。

css扫光效果总结,css文字扫光,css图片扫光

前言

我录制的慕课网视频一直没有上线,慕课网的消息说是可能加入就业课程或者系列课程。有可能年底上线,我等的花儿都谢了!因此,我昨天在看慕课网时,发现他们确实改版了,实战页面有图片扫光效果,地址我就不列了!感觉这个效果还蛮不错,其实,我之前也做过类似的效果。今天借着这个引子,来和大家一起探讨一下图片的扫光效果吧!

思路

其实扫光的思路都是一样的,不外乎是表层一个动态的光,从左往右进行一个动画运动!

但是这个运动的光,一般是用过伪元素来::after或者::before来实现的。

然后我们对这个伪元素用css的渐变gradient进行处理。