你访问的站点未开启独立手机端
你访问的站点为响应式站点,直接输入网站即可手机访问
返回首页    返回上一页

支付宝红包领取方法

首先,打开支付宝首页搜索“8831244”,即可领红包,红包有3种;实体店通用红包、余额宝红包、花呗红包,都是随机金额的,友情提醒:领取到的红包后尽快使用哦!!!

支付宝红包

搜索“8831244”,会出现下图字样
支付宝红包
点击【搜索“8831244”,天天领红包】,就会看到红包了金额,友情提醒:领取到的红包后尽快使用哦!!!

支付宝红包

正常情况下,我们领到了并不会马上使用,要到店铺了才会用;到店铺的时候,我们可以点击扫一扫商家的二维码付款,也可以出示自己的付款码让商家扫;

支付宝红包

如果你的付款方式选择的是余额,或者银行卡,系统会提示你“有余额宝红包未使用”或者“有花呗红包未使用”的字样,点击【立即使用】即可。

支付宝红包

在支付过之后,还会随机有一个“奖励大红包”,是随机的并不是100%,点击【选我】。

如果实在没有地方扫码,就打赏给我把,支付宝扫描下面二维码即可,获取多少红包就在红包的基础上+0.1元就可以使用了,不然3天后就过期了哦

zfb.jpg

友情提醒:此红包每天可领取一次,必须使用之后方可领取!!!
纯CSS时间轴实现的方法分享
舍力博客
纯CSS时间轴实现的方法分享
2015-1-5 舍力
    在以往,如果要在网页上,实现时间轴效果,我们需要使用jQuery来实现。虽然jQuery十分的漂亮美观,但使用方法来说,太麻烦了。而我们现在通过css3就可以时间一个简单漂亮的时间轴制作了,我现在将我研究的css时间轴制作的方法放上来,给大家参考一下。



首先,我将CSS代码部分放上来
ul,p{padding:0; margin:0;}
.times {display:block;margin:15px 0;}/*首先,我们要创建一个容器class*/
.times ul {margin-left:25px;border-left:2px solid #ddd;}/*利用ul标签的特性,设置外边框左移25px,左边边框是2px粗的实心线,颜色一般要浅一点*/
.times ul li {width:100%;margin-left:-12px;line-height:20px;font-weight:narmal;}/*一般情况,通过li标签控制圆点回到时间线上,然后控制要出现的文字大小和是否粗体*/
.times ul li b {width:8px;height:8px;background:#fff;border:2px solid #555;margin:5px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;overflow:hidden;display:inline-block;float:left;}/*利用处理加粗以外没有其它特别属性b标签做时间轴的圆点。*/
.times ul li span {padding-left:7px;font-size:12px;line-height:20px;color:#555;}/*设置span标签的属性,让它来做时间显示,加一点边距,使时间显示离时间线远一点*/
.times ul li:hover b {border:2px solid #ff6600;}/*注意这一行,前面的li标签后面加了一个:hover伪属性,意思是鼠标移上来,激活后面的属性,这样可以设置鼠标移动到整个时间范围的时候,时间点和时间显示会变色*/
.times ul li:hover span {color:#ff6600;}/*同上*/
.times ul li p {padding-left:15px;font-size:14px;line-height:25px;}/*这里利用段落标签p做文字介绍*/

每一行我都加了注释,大家可以看看。

现在我们再来看看看html部分怎么做得
<div class="times"><ul>
<li><b></b><span>2015-01-01</span><p>这里是2015年哟</p></li>
<li><b></b><span>2014-01-01</span><p>这里是2014年哟</p></li>
<li><b></b><span>2013-01-01</span><p>这里是2013年哟</p></li>
<li><b></b><span>2012-01-01</span><p>这里是2012年哟</p></li>
<li><b></b><span>2011-01-01</span><p>这里是2011年哟</p></li>
<li><b></b><span>2010-01-01</span><p>这里是2010年哟</p></li>
<li><b></b><span>2009-01-01</span><p>这里是2009年哟</p></li>
</ul></div>

整个时间轴我就是利用ul li 特性、以及css的基本功能实现的,相对于jQuery来说,少了不少功夫。

我们继续看看预览图吧!


QQ截图20150105085946.jpg


发表评论:
昵称

邮件地址 (选填)

个人主页 (选填)

内容