当前位置:  编程技术>移动开发
本页文章导读:
    ▪CALayer 缩放卡通片        CALayer 缩放动画 //放大         CAKeyframeAnimation* animation = [CAKeyframeAnimation animationWithKeyPath:@"transform"];         NSMutableArray *values = [NSMutableArray array];         [values addObject:[NSValue valueWithCATransf.........
    ▪ popwindow中EditText无法弹出软键盘的有关问题        popwindow中EditText无法弹出软键盘的问题 在popwindow中的EditText,如果popwindow没有设置setFocusable(true)属性,软键盘是无法弹出的,所有一定要设置此属性。记得哦,是popwindow的属性,不是设.........
    ▪ 应用jQuery插件filtrify实现的超酷动态标签分类摩托车新款展示       使用jQuery插件filtrify实现的超酷动态标签分类摩托车新款展示 日期:2012-5-2  来源:GBin1.com 在线演示1   在线演示2   本地下载 大家在开发过程中往往需要有效的展示不同类别下的图片或.........

[1]CALayer 缩放卡通片
    来源: 互联网  发布时间: 2014-02-18
CALayer 缩放动画

//放大

        CAKeyframeAnimation* animation = [CAKeyframeAnimation animationWithKeyPath:@"transform"];

        NSMutableArray *values = [NSMutableArray array];

        [values addObject:[NSValue valueWithCATransform3D:CATransform3DMakeScale(0.9f, 0.9f, 1.0f)]];

        [values addObject:[NSValue valueWithCATransform3D:CATransform3DMakeScale(1.0f, 1.0f, 1.0f)]];

        animation.values = values;

        animation.duration = duration;

        animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];

        [aLayer addAnimation:animation forKey:@"transform"];

 

该代码可实现CAlayer的缩放


    
[2] popwindow中EditText无法弹出软键盘的有关问题
    来源: 互联网  发布时间: 2014-02-18
popwindow中EditText无法弹出软键盘的问题
在popwindow中的EditText,如果popwindow没有设置setFocusable(true)属性,软键盘是无法弹出的,所有一定要设置此属性。记得哦,是popwindow的属性,不是设置Eidttext的属性。

    
[3] 应用jQuery插件filtrify实现的超酷动态标签分类摩托车新款展示
    来源: 互联网  发布时间: 2014-02-18
使用jQuery插件filtrify实现的超酷动态标签分类摩托车新款展示

日期:2012-5-2  来源:GBin1.com

在线演示1   在线演示2   本地下载

大家在开发过程中往往需要有效的展示不同类别下的图片或者文字内容,这个过程中你可能需要使用不同的标签来过滤不同类别下的图片内容,或者提供给用户一个方便的方式来选择不同的列别。今天我们这里将使用jQuery插件 - filtrify 来快速精致的实现一个超酷的摩托车分类展示应用,大家可以看到使用filtrify来使用标签分类显示图片是多么的简单,而且使用isotype来生成动画展示特效,希望大家喜欢!

这个插件使用了很多伪类,例如:after和:before,如果你不熟悉它,可以看看这篇文章 ,希望对大家有帮助!

注意IE8需要指定!DOCTYPE来支持伪类:after和before中的"content“属性,同时如果你需要支持IE7,你可以考虑使用IE7.js 。

HTML代码

在HTML代码中,我们使用HTML5的data属性来定义类别,如下:

<ul id="container">
    <li data-tag="Ducati"><strong>Hypermotard 796 Silver</strong><img src="/blog_article/img/motor/Model-Page_2012_Hypermotard_796_298.jpg"><span>Ducati</span></lspan>
    <li data-tag="Ducati"><strong>Hypermotard 796 Red</strong><img src="/blog_article/img/motor/HM-796_2001_R_%5B298x168%5D.jpg"><span>Ducati</span></lspan>
    <li data-tag="Ducati"><strong>Hypermotard 1100 Evo Red</strong><img src="/blog_article/img/motor/2012-Ducati-Hypermotard-1100EVO4-298.jpg"><span>Ducati</span></lspan>
    <li data-tag="Ducati"><strong>Streetfighter 848</strong><img src="/blog_article/img/motor/Color_SF-848_R_NC_298x168.jpg"><span>Ducati</span></lspan>
    <li data-tag="Ducati"><strong>Diavel Carbon</strong><img src="/blog_article/img/motor/Model-Page_2012_Hypermotard_796_298.jpg"><span>Ducati</span></lspan>
    <li data-tag="BMW"><strong>BMW K1300S HP</strong><img src="/blog_article/img/motor/2012-BMW-K1300SHPb-298x168.jpg"><span>BMW</span></lspan>
    <li data-tag="BMW"><strong>2012 BMW G650GS</strong><img src="/blog_article/img/motor/2012-BMW-G650GSd-298x168.jpg"><span>BMW</span></lspan>
    <li data-tag="Beneli"><strong>Tre-K 1130 Amazonas</strong><img src="/blog_article/img/motor/2012-Benelli-TreK1130Amazonas1-298x168.jpg"><span>Beneli</span></lspan>
    <li data-tag="KTM"><strong>2012 KTM 1190 RC8R</strong><img src="/blog_article/img/motor/2012-KTM-1190RC8R4-298x168.jpg"><span>KTM</span></lspan>
    <li data-tag="KTM"><strong>012 KTM 990 Duke R</strong><img src="/blog_article/img/motor/2012-KTM-990DukeR4-298x168.jpg"><span>KTM</span></lspan>
    <li data-tag="Bimota"><strong>DB10B Motard</strong><img src="/blog_article/img/motor/2012-Bimota-DB10BMotard1-298x168.jpg"><span>Bimota</span></lspan>
    <li data-tag="Yamaha"><strong>DB10B Motard</strong><img src="/blog_article/img/motor/2012-Yamaha-YZFR1d-298x168.jpg"><span>Yamaha</span></lspan>
    <li data-tag="Yamaha"><strong>VMAX / VMX17</strong><img src="/blog_article/img/motor/2012-Yamaha-VMAX-VMX17a-298x168.jpg"><span>Yamaha</span></lspan>
    <li data-tag="Honda"><strong>Honda CBR1000RR</strong><img src="/blog_article/img/motor/2012-Honda-CBR1000RRe-298x168.jpg"><span>Honda</span></lspan>
    <li data-tag="Suzuki"><strong>Hayabusa</strong><img src="/blog_article/img/motor/2012-Suzuki-Hayabusaa-298x168.jpg"><span>Suzuki</span></lspan>
    <li data-tag="Suzuki"><strong>V-Strom 1000 SE</strong><img src="/blog_article/img/motor/2012-Suzuki-VStrom1000SE1-298_x168.jpg"><span>Suzuki</span></lspan>
    <li data-tag="Kawasaki"><strong>Ninja ZX-14R</strong><img src="/blog_article/img/motor/2012-Kawasaki-NinjaZX14Ra-298x168.jpg"><span>Kawasaki</span></lspan>
    <li data-tag="Harley Davidson"><strong>XL883N Iron 883</strong><img src="/blog_article/img/motor/2012-Harley-Davidson-XL883N-Iron883z-298x168.jpg"><span>Harley Davidson</span></lspan>
</ul>
CSS

这里我们使用filterify的缺省css,并且添加isotope的css样式定制,如果你没有使用过isotope,请查看这篇文章 ,样式代码如下:

....

来源:使用jQuery插件filtrify实现的超酷动态标签分类摩托车新款展示

 


    
最新技术文章:
▪Android开发之登录验证实例教程
▪Android开发之注册登录方法示例
▪Android获取手机SIM卡运营商信息的方法
▪Android实现将已发送的短信写入短信数据库的...
▪Android发送短信功能代码
▪Android根据电话号码获得联系人头像实例代码
▪Android中GPS定位的用法实例
▪Android实现退出时关闭所有Activity的方法
▪Android实现文件的分割和组装
▪Android录音应用实例教程
▪Android双击返回键退出程序的实现方法
▪Android实现侦听电池状态显示、电量及充电动...
▪Android获取当前已连接的wifi信号强度的方法
▪Android实现动态显示或隐藏密码输入框的内容
▪根据USER-AGENT判断手机类型并跳转到相应的app...
▪Android Touch事件分发过程详解
▪Android中实现为TextView添加多个可点击的文本
▪Android程序设计之AIDL实例详解
▪Android显式启动与隐式启动Activity的区别介绍
▪Android按钮单击事件的四种常用写法总结
▪Android消息处理机制Looper和Handler详解
▪Android实现Back功能代码片段总结
▪Android实用的代码片段 常用代码总结
▪Android实现弹出键盘的方法
▪Android中通过view方式获取当前Activity的屏幕截...
▪Android提高之自定义Menu(TabMenu)实现方法
▪Android提高之多方向抽屉实现方法
▪Android提高之MediaPlayer播放网络音频的实现方法...
▪Android提高之MediaPlayer播放网络视频的实现方法...
▪Android提高之手游转电视游戏的模拟操控
 


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2021,,E-mail:www_#163.com(请将#改为@)

浙ICP备11055608号-3