触屏滑动Tab选项卡---idangerous.swiper2014/11/18 浏览: 350
一个不错的滑动选项卡效果,能自适应屏幕宽度,同时支持触屏和鼠标。缺点是内容的高度固定,这也是此类滑动选项卡的通病。
核心代码:jquery+idangerous.swiper
使用范围:移动端。
演 [查看详情]
推荐一个好用的弹窗代码--artDialog2014/11/18 浏览: 249
弹窗代码网上一搜一大把,但还是想和大家分享一个非常不错的弹窗插件,也是我最喜欢用的一款---artDialog。和其它弹窗相比,artDialog最让我中意的是代码简单易懂、兼容性强(主流pc和移动端浏览器都能支持)、参数传递方便,特别是处理跨域问题时相当方便。它的缺点是需要引用jquery,此外,如果你是准备找一个适合做相册的弹窗,artDialog就没有Fancybox那么给力了。
就我个人的使用感受:相册弹窗用fancybox,图文排版或需要数据交互用artDialog,简单提示用qTip,再简单点的就自己js+css了。
核心代码[查看详情]
搜房360全景看房代码2014/11/7 浏览: 255
搜房自身的产品不少,之前和大家分享了搜房地图的引用方法,今天再聊一聊搜房360全景看房功能。效果不用多说,插入到项目专题中,相信会给专题的互动性增色不少。我看到部分城市也这样做了。
其使用方法也相当简单,360全景看房归根到底就是个flash,只需要找到显示这个swf文件的网页链接就行了。我找了多个项目的360全景链接看过,没有发现他们之间有什么规律可循,所以链接只有向视频部门的同事要,或者自己去网页源码里去扒了,在源码里搜索"360全景看房",一般就在附近。
演示地址:[查看详情]
wap触屏滑动代码(上下版)2014/11/6 浏览: 253
之前分享了一个可以左右滑动的模板(点这里去看看),现再上传一个上下滑动版本,同样是使用的swiper.js ,只需要稍微改几个参数就行了。不过这两个模版有个特点,或者说很多wap插件都有这个特点,那就是如果展示的是纯图片,它的宽度会自适应屏幕到100%,但高度不会拉伸到100%,而是和宽度等比例缩放,换句话说模板中插入的图片尺寸就必须比较主流,比如640*960、640*920等等,否则图片底部有可能会看不见或者出现大量空白。具体做专题时建议用三种以上不同尺寸的手机进行测试。
swiper.js传说在手机网页中相当流行,特别是静态的纯图片专题,它的特点就是体积小,甚至不用引入JQ。但我个人比较喜欢使用另外一个插件royalslider.js ,它的亮点就是自带了多种动态效果,还 [查看详情]
wap触屏滑动代码(背景固定版)2014/11/6 浏览: 255
相信大家对手机触摸滑动效果已经习以为常,运用得比较多的无非是小范围的滑动(如搜房手机端的焦点图),以及全屏的滑动。正好最近做到好几个类似专题,我拿了一个认为比较有趣的案例和大家分享分享。
这是一个可以全屏左右滑动的wap专题,公司要求做到背景固定,只滚动上面的小礼物图标。具体效果请扫下面的二维码观看。
核心插件:swiper.js
使用范围:移动端
使用方法:打开演示网页,复制源代码即可使用。
演示地址:[查看详情]