前三节中,我已经对UICollectionView的基本用法进行了详细的介绍。这一节就UICollectionView的实际使用 --- "焦点图" 进行剖析说明。废话不多说,先看最终实现效果图:
需求说明:
1.准备了五张图片
2.定时滚动显示
3.右下角的分页指示器也实时切换
4.可以手动拖拽图片滚动
为什么选择UICollectionView?
1.UIColl...
                            
                            
                                分类:
其他好文   时间:
2015-05-22 11:42:26   
                                阅读次数:
136
                             
                         
                    
                        
                            
                            
                                相信很多人和我一样,在使用iscroll的是时候只知道可以手动滑动,不知道iscroll的轮播怎么实现一下就是我做的一个轮播效果,亲测有效;1.html,当然可以动态添加下面的小圆点 1. A robot may not injure a human b...
                            
                            
                                分类:
其他好文   时间:
2015-05-20 16:21:41   
                                阅读次数:
154
                             
                         
                    
                        
                            
                            
                                前几天,一个小伙伴说叫我帮他写一个移动端上的一个轮播图,个人一般是不接私活的,毕竟平时工作也是单双休,时间也不很多。 可能大部分程序员,多余的时间都是看看新闻,打游戏,或者学习新的知识,缺少运动吧。 所以,个人感觉接私活那点时间,你可以去锻炼身体,或者学习新的知识,当然这些都是看法,完全不代...
                            
                            
                                分类:
Web程序   时间:
2015-05-09 17:20:28   
                                阅读次数:
141
                             
                         
                    
                        
                            
                            
                                函数调用的时候,传递四个必要的参数就行了。 参数1:要运动的ul; 参数2:左边按钮; 参数3:右边按钮; 参数4:运动速度;(可选,默认3s) 代码如下: html部分: <div?class="div1">
?<ul?class="ul1">
?...
                            
                            
                                分类:
Web程序   时间:
2015-05-08 18:32:45   
                                阅读次数:
196
                             
                         
                    
                        
                            
                            
                                对于焦点轮播图,首选的都是用JS去写,很多原因都说是因为定时器啊,获取遍历啊各种原因以下我写的焦点轮播图,用的JQ的tabe切换加了一个定时器~JQ代码如何:var banner_box=$(".banner_box li"),//获取图片的li buttons=$(".img_tit li...
                            
                            
                                分类:
Web程序   时间:
2015-05-05 23:49:45   
                                阅读次数:
227
                             
                         
                    
                        
                            
                            
                                这个组件在IE上一直很火,其实现可以参考《【JavaScript】原生态兼容IE6的图片轮播》(点击打开链接),AmazeUI同样在移动端提供这样的组件。
其效果如下,这个结果要在谷歌、野狐禅等浏览器的手机端调试模式才能看到,在PC端会布局错乱。
用户可以自由滑动,点击下方的圆点,选择自己要浏览的图片,当鼠标悬停在图片上,其组件则不会继续轮播图片。
实现代码如下:
    ...
                            
                            
                                分类:
其他好文   时间:
2015-05-04 22:11:55   
                                阅读次数:
254
                             
                         
                    
                        
                            
                            
                                html:轮播图 > < *{ margin:0; padding:0;}#buttons...
                            
                            
                                分类:
Web程序   时间:
2015-04-25 16:19:46   
                                阅读次数:
190
                             
                         
                    
                        
                            
                            
                                实现这个功能,只需要在工程中拖入BSYScrollView.h 文件和BSYScrollView.m文件,在需要的文件中实现一下代码即可:
源码下载地址:demo...
                            
                            
                                分类:
其他好文   时间:
2015-04-24 10:43:20   
                                阅读次数:
1641
                             
                         
                    
                        
                            
                            
                                只贴js那部分哦调用// flash轮播图 var sumF=$('.btnTabs span').length/4; //有四个flash var flashT01=new flash($('.flash01'),sumF); var flashT02=new flash($('...
                            
                            
                                分类:
其他好文   时间:
2015-04-20 10:56:41   
                                阅读次数:
128