qq空间的时光轴效果

2024-09-02

腾讯QQ空间穿越时光轴3D特效

<DOCTYPE html> <html> <head> <title>腾讯QQ空间穿越光轴3D特效</title> <style> *{margin:0;padding:0;} body{ background-image:url("images/bg.png") fixed;//拖动鼠标图片不会上下移动 height:2000px; } .con{ width:1000px; /*heigth:500px;*/

JS时间轴效果(类似于qq空间时间轴效果)

在上一家公司写了一个时间轴效果,今天整理了下,感觉有必要写一篇博客出来给大家分享分享当然代码还有很多不足的地方,希望大家多指点指点下,此效果类似于QQ空间或者人人网空间时间轴效果,当时也是为了需求研究了下qq空间逻辑(当然JS代码压缩了肯定看不到的),只是当时研究了下他们HTML结构和css结构,所以仿照他们那种逻辑自己也写了一个出来.先来看看是个什么样的吧!如下图所示: 需求分析:左侧是一个时间列表右侧是一个时间控制抽,当时的需求是这样的:默认页面一打开只加载当前年份所有列表加载出来

仿QQ空间长图效果简易版--母亲节感恩

手机网站母亲节最火的两件事 1.NBA 杜兰特在获MVP催泪致辞献给母亲:她才是真的MVP. 2.QQ空间长图 -------------------------------------------------------------------------------------------- 今天的demo就是模拟 QQ空间这个效果 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <h

时光轴一之listView实现时光轴效果

尼玛.非要搞什么时光轴,一想简单的不就是个listView吗,然后一步一步来就好了,哈哈别看那么好看事实上不要想多了. 时光轴timeline最大的作用就是把过去的事物系统化.完整化.精确化.时间轴可以让用户更直观的看到,我的这一刻在做什么.那一刻做过什么,根据时间顺序.把一方面或多方面的时间足迹事件串联起来,形成相对完整的记录体系,再运用图文的形式呈现给用户;页面简单.表现形式特别,一直以来受到广大用户的欢迎. qq空间的时光轴还是用起来蛮不错的,看图: watermark/2/text/aH

仿QQ空间根据位置弹出PopupWindow显示更多操作效果

我们打开QQ空间的时候有个箭头按钮点击之后弹出PopupWindow会根据位置的变化显示在箭头的上方还是下方,比普通的PopupWindow弹在屏幕中间显示好看的多. 先看QQ空间效果图: 这个要实现这个效果可以分几步进行 1.第一步自定义PopupWindow,实现如图的样式,这个继承PopupWindow自定义布局很容易实现 2.得到点击按钮的位置,根据位置是否在屏幕的中间的上方还是下方,将PopupWindow显示在控件的上方或者下方 3.适配问题,因

jQuery插件实现图片展开效果，jquery.gallery。仿腾讯QQ空间说说图片展示效果。

公司的项目http://www.umfun.com/,有个说说的页面(和腾讯QQ空间说说一样),里面有个发表图片功能,上传完图片,需要点击展开的效果. 当时手里面事情比较多(公司就我一个前端),忙不过来,就用插件来实现了,试了fancyBox.lightbox等jQuery插件.插件都满足不了项目各种奇怪的需求,但是时间有限,只能先凑合了.. 项目上线后,最近时间比较充足,我就想把写个插件封装一下.毕竟人家的插件比较臃肿,修改起来麻烦,同时免得以后又是各种修改,还是根据公司的项目需求写比较好..

ScrollView的阻尼回弹效果实现(仿qq空间)

玩过新浪微博,qq空间等手机客户端的童鞋,都应该清楚,在主界面向下滑动时,会有一个阻尼回弹效果,看起来挺不错,接下来我们就来实现一下这种效果,下拉后回弹刷新界面,先看效果图: 这个是编辑器里面的界面效果,不言自明: 运行效果: 正常界面下: 下拉: 下拉结束: 实现代码: 主要部分就是重写的ScrollView: package com.byl.scollower; import android.content.Context; import android.graphics.Rect; imp

JS仿QQ空间鼠标停在长图片时候图片自动上下滚动效果

JS仿QQ空间鼠标停在长图片时候图片自动上下滚动效果今天是2014年第一篇博客是关于类似于我们的qq空间长图片展示效果,因为一张很长的图片不可能全部把他展示出来,所以外层用了一个容器给他一个高度,超过高度后隐藏掉.当我停留在长图片下部时候他会自动向上滚动效果,同理鼠标移到图片上部时候会自动向下滚动.特地研究下.我们先来看看QQ空间的效果吧!如下图所示: 基本原理实现他的原理很简单:就是页面一进来时候在长图片下动态生成2个div 第一个绝对定位在图片的上部位置,第二个绝对定位在外层容器

仿网易/QQ空间视频列表滚动连播炫酷效果

代码地址如下:http://www.demodashi.com/demo/11201.html 一.准备工作 AndroidStudio 开发环境需要下载七牛的开源播放器SDK 本例子实现了仿网易/QQ空间视频列表滚动连播炫酷效果二.程序实现实现的功能滚动时不播放,但是要亮起,当前屏幕内,item view显示百分比最大的一个. 停止滚动且手指抬起时自动播放. 播放完当前的视频,自动滚动到下一个并自动播放. 正在播放的当前视频,快要播放完毕时,弹出TextView提示播放下一个,点击Te

qq空间返回顶部代码

点击这里体验效果以下是源代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equ

制作QQ空间的一些想法

新的项目开始了,这一次是做一个网站类似于QQ空间那样的,基本功能比如说写日志,说说之类的都要有(说说是要有楼中楼嵌套的,应该能够上传图片),还要可以修改个人信息.登录注册之类的更不用说了,还要有一定的加密功能(哈希加密).我觉得现在最大的困难是,登录注册页面是动态的,空间页面也是动态的,当新用户注册成功时,我们应该自动生成一个动态网站,也就是用户的个人空间.去网络上搜索了一下,发现动态网站生成静态网站比较容易,但是如果生成动态网站就比较困难(因为涉及了大量的动态的信息).我的初步设想是做出一个模

【腾讯bugly干货】QQ空间直播秒开优化实践

本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址为:http://bugly.qq.com/bbs/forum.php?mod=viewthread&tid=1204&extra=page%3D1 2016年应该是直播元年,直播应用百团大战,QQ 空间也在6.5版本上线了直播功能,从无到有.快速搭建了直播间.“先扛住再优化”,第一个版本和竞品相比,我们进入直播间的速度比较慢.根据外网统计在6.5版本的用户端看到画面需要4.4s,因此在6.5发布之后,着手启动了优化工作,

【web前端优化之图片模糊到清晰】看我QQ空间如何显示相片

前言此篇文章估计不会太长,有移除首页的风险,但是老夫(称老夫是因为我们真正的叶小钗其实都100多岁啦)是不会怕滴.所以,我来了哟! 题外话:今天我们一起还看了一道前端的面试题,而后我本来还想多找几道来做做,但是没找到什么合适的,各位有什么好的前端面试题请给我留言哦,我们一起来分析面试题进步哟! 前端时间,我与我们的产品有一次讨论,是针对图片压缩的,因为我对图片或者说PS这块是个小白,所以当时做了一个广告图片有100来k也直接给传上去了,结果被我们的同事搞起来一压缩,便只有50多k了,此次交流对

Android项目实战（十七）：QQ空间实现（二）—— 分享功能 / 弹出PopupWindow

这是一张QQ空间说说详情的截图. 分析: .点击右上角三个点的图标,在界面底部弹出一个区域,这个区域有一些按钮提供给我们操作 .当该区域出现的时候,详情界面便灰了,也说成透明度变化了 .当任意选了一个按钮或者点击了该区域以外的部分,该区域消失,灰色界面变回亮白色,并执行点击的按钮对应的操作显然,这个功能我们需要用PopupWindow实现更好~ ---------------------------------------------------------------------------

高仿精仿手机版QQ空间应用源码

说明:本次QQ空间更新了以前非常基础的代码更新内容一更新了登陆界面二增加了输入时密码时和登陆成功后播放音频的效果三增加了导航条渐隐的效果(和真实QQ空间的导航条一样,首先透明,当tableview向上的时候,alpha增大,变得不透明)四增加了标签栏和导航栏控制器,实现了底部标签栏自定义五引入了好友动态,六增加了左边抽屉效果七实现了QQ空间的退出功能八实现应用中心动画效果 bug部分:一 push时,底部标签栏没有隐藏二登陆界面,历史登录界面,位置显示不正常三在动态界

iOS开发UI篇—模仿ipad版QQ空间登录界面

iOS开发UI篇—模仿ipad版QQ空间登录界面一.实现和步骤 1.一般ipad项目在命名的时候可以加一个HD,标明为高清版 2.设置项目的文件结构,分为home和login两个部分 3.登陆界面的设置 (1)设置第一个控制器和自定义的控制器类(登陆)关联 (2)设置控制器的view的颜色,RGB三个值都为42 (3)导入相关的素材图片关于图片:一般给竖屏用的图片,以portrait名称标识,给横屏用的图片,以Landscape名称标识修改plist文件,调整图片提示:在项目中(i

Android项目实战（十六）：QQ空间实现（一）—— 展示说说中的评论内容并有相应点击事件

大家都玩QQ空间客户端,对于每一个说说,我们都可以评论,那么,对于某一条评论: 白雪公主回复小矮人 : 你们好啊~ 我们来分析一下: .QQ空间允许我们点击回复人和被回复人的名字就可以进入对于用户的个人主页(即点击文字“白雪公主”/“小矮人”,就可以进入到这俩用户相应个人主页) .点击回复的文字,就可以对回复人进行回复(即点击评论中回复的内容“你们好啊~”,便对弹出一个编辑框对回复人“白雪公主”进行回复) .回复人和被回复人的名字是有颜色的效果图: 作为一个android开发者

说说QQ空间SEO

其实这个话题由来已久,已经有很多大神做到QQ空间日访问量破万,甚至更多了,卖产品卖到抽筋儿. 怎么说QQ空间SEO,其实不如说QQ空间引流更合适,因为QQ空间与QQ的特殊关系,SEO貌似不是很重要,其实从最近百度的大面积算法调整,来看开始重视自媒体了,算法中对QQ空间收录进行了调整,之前百度排行上QQ空间已经显现出效果了,很多人在闷头做优化,引流量. 其实这种第三方平台权重高,很容易做SEO,比如新浪博客.网易博客.豆瓣等等,不只是QQ空间一家效果好,因为百度蜘蛛会将这些权重高的网站作为新闻源来

QQ空间的“神奇”图片

近几天好多朋友问我qq空间出现的神奇图片原理,最近比较烦,事情比较多,一直没理.加上我对PHP之类的语言也一知半解. 今天闲了看了一下QQ空间,发现这个很早以前就有人写过这样的帖子了看别人解释 (转载1非原创) 昨晚上偶然看到个比较坑爹的日志,正文有一张图片,在好友动态列表查看的时候可以显示自己(不是发日志的好友,是你自己)的头像和QQ号码.昵称.正文的文字称,这是“本年度最给力神奇魔力日志(转载会看到你最熟悉的身影)”,并且在文章底部附加了一个发广告的QQ号码. 由于这张坑爹图片的存在,文章

Android 模仿QQ空间风格的 UI（转）

本文内容环境演示模仿QQ空间风格的UI 虽然这个 UI 跟现在的QQ空间有点差别,但是也能学到很多东西. 下载 Demo 环境 Windows 7 64 位 Eclipse ADT V22.6.2,Android 4.4.2(API 19) SAMSUNG GT-I9008L,Android OS 2.2.2 演示模仿QQ空间风格的UI 虽然这个 UI 跟现在的QQ空间有点差别,但是也能学到很多东西.比如, 当点击“加号”时的效果是如何实现的: 当点击“我的空间动态”时的效果是如何实现的:

qq空间的时光轴效果

热门专题