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

[查看详情]

wap网页拨号模板2014/11/5 浏览: 254
        现在越来越多的手机专题加入了这种直接播号的功能,免去了网友自己复制电话号码的麻烦,用户体验不错。 其实实现起来相当简单,只需要给<a>标签稍加修改即可。下面是我做的一个模板,你可以直接把demo的源代码拷在专题中直接使用。 链接:http://sfdesign.houselight.cn/demo/2014/phoneCall.html。 手机扫二维码看效果: [查看详情]
1
San Francisco 蚌埠 包头 保定 北京 长春 长沙 常州 朝阳 成都 大连 东莞 丰台 佛山 福州 广州 贵阳 桂林 哈尔滨 海口 邯郸 杭州 和平 衡水 呼和浩特 湖州 惠州 济南 江门 昆明 兰州 廊坊 临沂 柳州 南昌市 南京 南宁 南通 浦东 秦皇岛 青岛 泉州 三亚 上海 绍兴 深圳 石家庄 苏州 泰州 唐山 天津 威海 潍坊 无锡 芜湖 武汉 西安 西宁 湘潭 许昌 烟台 银川 岳阳 镇江 郑州 重庆 舟山 珠海 淄博