精华内容
下载资源
问答
  • 解决javascript 公告文字走马灯式轮播

    千次阅读 2019-04-09 13:29:08
    jQuery Marquee,地址... <div class='marquee'> 注意:请下载与您的******手机应用! </div> <script> $('.marquee').marquee({ //speed duration: 5800, //...

    jQuery Marquee,地址http://plugins.jquery.com/marquee/

    <div class='marquee'>
    	注意:请下载与您的******手机应用!
    </div>
    <script>
    	$('.marquee').marquee({
    	    //speed
    	    duration: 5800,
    	    //gap in pixels between the tickers
    	    gap: 100,
    	    //time in milliseconds before the marquee will start animating
    	    delayBeforeStart: 0,
    	    //'left' or 'right'
    	    direction: 'left',
    	    //true or false - should the marquee be duplicated to show an effect of continues flow
    	    duplicated: false
    	});
    </script>

     

    展开全文
  • 不符会有相应的文字提示出来 图片轮播下一页: 这个是本身就有代码: 我们只需要在后面加入: 加入这个代码就可以实现下一页轮播了 全部移到右边 就可以实现了,我们可以来看看效果 ...

    首先还是新建一个网页文件:
    第一个实现手机注册页面:代码如下
    在这里插入图片描述
    在这里插入图片描述
    运行如下:
    在这里插入图片描述
    不符会有相应的文字提示出来

    图片轮播下一页:
    这个是本身就有代码:
    我们只需要在后面加入:
    在这里插入图片描述
    在这里插入图片描述
    加入这个代码就可以实现下一页轮播了

    全部移到右边
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    就可以实现了,我们可以来看看效果
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • UIScrollview 图片轮播器 NSTimer 今晚公开课有讲到的知识.希望通过这样的文字方式给我的学员们...这样你们随时随地都能打开手机学习知识.还记得开课的那句话!姿势从未如此性感!学习从未如此快乐!我就叫Hank!! ...
        

    UIScrollview 图片轮播器 NSTimer

    今晚公开课有讲到的知识.希望通过这样的文字方式给我的学员们...这样你们随时随地都能打开手机学习知识.还记得开课的那句话!
    姿势从未如此性感!学习从未如此快乐!我就叫Hank!!

    UIScrollView的使用步骤

    • 创建UIScrollView

    • 给UIScrollView添加子控件

    • 设置UIScrollview的contentSize

    UIScrollView不能滚动的几种情况

    • 没有设置contentSize

    • scrollEnabled = NO

    • userInteractionEnabled = NO

    注意点 :userInteractionEnabled不是Disabled, 他们两有本质的区别
    Disabled代表控件不能使用, 状态是Disabled状态
    userInteractionEnabled代表控件是否可以交互
    注意点:在企业开发中, 千万不要使用subviews来获取UIScrollview中的子控件
    因为subviews中包含了UIScrollview中的滚动条, 而且滚动条的顺序是不确定的
    UIScrollview常见属性

    bounces: 用于设置UIScrollview是否有回弹效果

    alwaysBounceVertical/alwaysBounceHorizontal
    

    如果UIScrollview已经设置contentSize, 那么YES和NO没有区别(没有设置的话,图片根本不会动)
    只有UIScrollview没有设置contentSize才有效果

    应用场景: 下拉刷新
    indicatorStyle: 设置滚动条的样式

    showsHorizontalScrollIndicator/showsVerticalScrollIndicator
    

    YES显示滚动条/ NO隐藏滚动条

    // 是否有弹簧效果
    self.scrollView.bounces = NO;
    // 不管有没有contentSize,都能拥有弹簧效果(一般适用于下拉刷新功能,上拉刷新)
    self.scrollView.alwaysBounceVertical = YES;  
    self.scrollView.alwaysBounceHorizontal = YES;
    // 是否要显示滚动条
    self.scrollView.showsHorizontalScrollIndicator = NO;
    self.scrollView.showsVerticalScrollIndicator = NO;
    • 属性:contentOffset
      就是一个相对于内容的左上角为原点,可视内容所需要移动的距离

    • 作用: 用于设置内容的滚动偏移位
      计算公式: 移动的距离 = "控件的左上角" - "内容的左上角"

    内容控件 = 控件的左上角 - 移动的距离
    最好先理解iOS的坐标系, 然后再理解公式

    setContentOffset:<#(CGPoint)#> animated:<#(BOOL)#>//带动画
    
    • 属性contentInset(多加了一些边框增加额外范围)

    • 作用: 在contentSize周围添加额外的滚动区域

    • 应用场景: 避免UIScrollview中的内容被遮挡

    注意 如果scrollView不是通过storyboard、xib创建,那么一开始的subviews里面没有子控件

    如何监听一个控件

    首先需要查看该控件的头文件, 看它继承于谁,如果继承于UIControl, 那么就可以通过addTarget来监听,如果不是继承于UIControl, 那么就必须通过代理来监听

    代理

    • 使用代理的步骤:

      • 遵守代理协议

      • 实现代理方法

      • 将遵守了协议的对象设置为代理

    • 代理的规律:

      • 代理名称的规律:
        协议名称以类名开头, 后面跟上Delegate

      • 代理方法名称的规律
        方法名称以类名去掉前缀开头, 并且谁触发这个方法就将谁传递出去

      • 代理属性一般是id

    代理属性一般是weak, 主要是为了避免循环引用 因为一般情况下, 控件的代理都是控制器, 而控件又是添加到控制器的view中的

    代理的应用场景

    1.当A对象想监听B对象的变化时, 就可以使用代理, 让A成为B的代理
    2.当B对象想通知A对象的时候, 就可以使用代理, 让A成为B的代理

    如何监听UIScrollview停止滚动

    @property(nonatomic,assign) id<UIScrollViewDelegate>      
    delegate; // default nil. weak reference scrollView的代理属性,需要遵守 UIScrollViewDelegate 协议
    @interface ViewController ()  <UIScrollViewDelegate>
    @end//遵守协议一般最好写在.m中的匿名类中
    self.scorllView.delegate = self//ViewController
    
    
    //scrollViewDidEndDragging
    //只要用户松手就会调用停止拖拽并不代表停止滚动, 也就是说UIScrollView滚动是有惯性的
    - (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate(减速){
     // 1.判断是否有惯性, 如果没有惯性手动调用scrollViewDidEndDecelerating告知已经完全停止滚动
       if (decelerate == NO) {
            [self scrollViewDidEndDecelerating:scrollView];
        }
     }

    scrollViewDidEndDecelerating(停住不动)
    只要UIScrollview有惯性就会调用, 如果没有惯性就不会调用

    想要监听UIScrollview停止滚动必须同时实现这两个方法
    只要UIScrollView即将开始拖拽时调用

    //UIScrollView滚动时调用, (调用频率非常高, 只要滚一下就会调用一次)
     1. (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
     2. (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView;
     3. (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
    {
        NSLog(@"%s = %d", __func__, decelerate);  
        // 1.判断是否有惯性, 如果没有惯性手动调用scrollViewDidEndDecelerating告知已经完全停止滚动
        if (decelerate == NO) {
            [self scrollViewDidEndDecelerating:scrollView];
        }
    }
    
     4. (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
    {
        NSLog(@"%s", __func__);
        NSLog(@"停止滚动”);
    
        self.iv.alpha = 1.0;
    }

    UIScrollview缩放

    步骤:

    1. 成为UIScrollview的代理, 通过代理方法告诉UIScrollview要缩放哪一个子控件
      <UIScrollViewDeledate> 设置子控件最大和最小的缩放比例

    注意

    只要子控件被缩小了, contentSize也会随之变化 如果没有缩放可能是没有设置缩放比例,或者没有设置代理 常用方法

    viewForZoomingInScrollView : 返回需要缩放的子控件
    scrollViewDidZoom: 只要子控件被缩放了就会调用(调用频率非常高)
    scrollViewDidEndZooming: 缩放完毕时掉用
    如何保证被缩放的子控件永远居中

    只要子控件的contentSize小于UIScrollview的宽高时才需要缩放

    第一种

    // 1.判断contentSize的宽高, 是否小于UIScrollView的frame的size
    if (scrollView.contentSize.width < scrollView.bounds.size.width) {

    self.iv1.center = CGPointMake(scrollView.bounds.size.width * 0.5, scrollView.bounds.size.height * 0.5); }
        if (scrollView.contentSize.height < scrollView.bounds.size.height) {
            self.iv1.center = CGPointMake(scrollView.bounds.size.width * 0.5, scrollView.bounds.size.height * 0.5);
        }    

    第二种

    // 1.判断contentSize的宽高, 是否小于UIScrollView的frame的size
    if (scrollView.contentSize.width < scrollView.bounds.size.width) {        
            // 计算X的值
            CGFloat x =  (scrollView.contentSize.width * 0.5) + ((scrollView.bounds.size.width - scrollView.contentSize.width) * 0.5);        
            // 重新设置center
            self.iv1.center = CGPointMake(x, self.iv1.center.y);
    }    
    if (scrollView.contentSize.height < scrollView.bounds.size.height) {        
            // 计算Y的值
            CGFloat y =  (scrollView.contentSize.height * 0.5) + ((scrollView.bounds.size.height - scrollView.contentSize.height) * 0.5);        
            // 重新设置center
            self.iv1.center = CGPointMake(self.iv1.center.x, y);
        }

    第三种

    CGFloat x = scrollView.contentSize.width < scrollView.bounds.size.width ? (scrollView.bounds.size.width - scrollView.contentSize.width) * 0.5 : 0.0;
    
    CGFloat y = scrollView.contentSize.height < scrollView.bounds.size.height ? (scrollView.bounds.size.height - scrollView.contentSize.height) * 0.5 : 0.0;
    
    self.iv1.center = CGPointMake(scrollView.contentSize.width * 0.5 + x, scrollView.contentSize.height * 0.5 + y);

    图片轮播器

    • 如何分页 : pagingEnabled = YES

    • 分页的原理: 是根据UIScrollview的宽度或者高度来分页
      UIPageControl

    • numberOfPages : 设置总页码 currentPage: 设置当前页码 pageIndicatorTintColor:
      设置其它页码的颜色 currentPageIndicatorTintColor : 设置当前页码的颜色 自定义页码

    利用KVC给UIPageControl设置页码图片

        [pageControl setValue:[UIImage imageNamed:@"current"] forKeyPath:@"_currentPageImage"];
    
        [pageControl setValue:[UIImage imageNamed:@"other"] forKeyPath:@"_pageImage"];
    

    监听UIPageControl的点击
    由于UIPageControl继承于UIControl, 所以通过addTargt来监听

    [pageControl addTarget:self action:@selector(nextPage) forControlEvents:UIControlEventValueChanged];
    

    切换页码

    滚动完毕之后再切换

    - (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
    {    
    // 判断是否有惯性, 如果没有就手动调用scrollViewDidEndDecelerating
        if (NO == decelerate) {
        [self scrollViewDidEndDecelerating:scrollView];
        }
    }
    // 只有有惯性才会调用
    - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
    {
        // 1.动态计算当前的页码
    // 页码 = UIScrollView的偏移位 / UIScrollView的宽度
        int page = scrollView.contentOffset.x / scrollView.bounds.size.width;
        NSLog(@"page = %d", page);
        // 2.设置当前的页码
        self.pageControl.currentPage = page;
    }
     实时切换
    // 只要滚动就会调用
    - (void)scrollViewDidScroll:(UIScrollView *)scrollView
    {
    //    NSLog(@"%s", __func__);
    // 1.动态计算当前的页码
    // 页码 = UIScrollView的偏移位 / UIScrollView的宽度
    
        CGFloat page = scrollView.contentOffset.x / scrollView.bounds.size.width;   
    
        NSLog(@"page = %f", page + 0.5);
        // 2.设置当前的页码
        self.pageControl.currentPage = (int)(page + 0.5);
    }

    NSTimer

    作用: 可以让系统每隔一段时间执行指定对象的指定方法
    注意:

    间隔时间是不准确的 只要通过scheduledTimerWithTimeInterval创建出来的Timer,就会被RUNLOOP强引用,
    所以如果通过属性保存使用weak 只要调用了NSTimer的invalidate方法, 那么定时器就不能使用了, 想要使用必须重新创建
    如何主线程正在处理其它操作, 那么NSTimer不会执行 默认NSTimer是NSDefaultRunLoopMode模式
    要想在主线程处理其它操作的时候也处理NSTimer,
    那么必须把NSTiemr在RunLoop中的模式改为NSRunLoopCommonModes

    如何暂停和启动定时器

    @property (nonatomic, weak) NSTimer *timer;
    //暂停定时器
     [self.timer setFireDate:[NSDate distantFuture]];
    
    // 设置timer的开始时间为 遥远的未来 4001
    //    NSLog(@"%@", [NSDate distantFuture]);

    开启定时器

    // 设置定时器的开始时间为过去的某一个时间, 也就意味着立刻开始
    //    [self.timer setFireDate:[NSDate distantPast]];
    // 设置定时器从当前时间之后两秒才开始执行
    [self.timer setFireDate:[NSDate dateWithTimeIntervalSinceNow:2.0]];
    // 返回一个自动开始执行任务的定时器
    self.timer = [NSTimer scheduledTimerWithTimeInterval:2.0 target:self selector:@selector(nextPage:) userInfo:@"123" repeats:YES];
    
    // 修改NSTimer在NSRunLoop中的模式:NSRunLoopCommonModes
    // 主线程不管在处理什么操作,都会抽时间处理NSTimer
    [[NSRunLoop mainRunLoop] addTimer:self.timer forMode:NSRunLoopCommonModes];

    关闭定时器

    [self.timer invalidate];
    

    封装

    只要发现控制器知道得太多,就要考虑重构代码 只要发现一个效果很多地方都需要使用, 就要考虑封装

    设置背景颜色,在storyBoard中不显示 ,运行就显示
    监听scrollView各种行为的3大步骤(比如让控制器监听scrollView的行为)

    设置scrollView的delegate(代理)为控制器对象
    scrollView.delegate = 控制器;
    控制器要遵守UIScrollViewDelegate协议

    @interface 控制器 () <UIScrollViewDelegate> 
    @end
    

    控制器要实现UIScrollViewDelegate协议里面的代理方法

    #pragma mark - <UIScrollViewDelegate>
    

    代理方法

    /** 只要scrollView在滚动,就会调用这个方法(监听scrollView的滚动)*/
     - (void)scrollViewDidScroll:(UIScrollView *)scrollView
    {
        NSLog(@"scrollViewDidScroll");
    }

    代理使用的一般规律

    • 作用:用来监听控件的某些行为 代理:是控制器对象 代理:是id类型,并且是弱指针

    • 代理协议的格式:控件类名Delegate,比如UIScrollViewDelegate、UITextFieldDelegate

    • 代理方法:方法名一般是控件名开头,比如UIScrollView的代理方法一般以scrollView开头

    如何监听控件的行为

    通过addTarget:

    UITextField *tf = [[UITextField alloc] init];
    
    [tf adction:@selector(textChange:) forControlEvents:UIControlEventEditingChanged] ;
    
    - (void)textChange:(UITextField *)tf
    {
        NSLog(@"textChange- %@", tf.text);
    }

    只有继承自UIControl的控件,才有这个功能

    UIControlEventTouchUpInside //: 点击事件(UIButton)
    UIControlEventValueChanged //: 值改变事件(UISwitch、UISegmentControl、UISlider)
    UIControlEventEditingChanged //: 文字改变事件(UITextField)

    通过delegate 只有拥有delegate属性的控件,才有这个功能

    展开全文
  • 思路:仔细观察可以发现,手机京东的头部是以一个搜索栏和轮播特效组成的,而这个搜索栏是以轮播特效做为背景的,现在运用css3关键帧动画,可以实现这样的头部效果。 测试:首先,写一个简单的测试来验证思路是否...

    实现效果:打开手机京东,可以看到首页的头部,以这个头部为基础,仿写一个类似的样式。

    思路:仔细观察可以发现,手机京东的头部是以一个搜索栏和轮播特效组成的,而这个搜索栏是以轮播特效做为背景的,现在运用css3关键帧动画,可以实现这样的头部效果。

    测试:首先,写一个简单的测试来验证思路是否正确,这样可以排除其他样式的干扰;测试如下:

       1.两个嵌套的div,内部div1以简单的文字和图片模拟的搜索栏

     

    1 <body>
    2     <div class="diva">
    3         <div class="div1">头部
    4             <img src="../img/放大镜.png">
    5         </div>
    6     </div>
    7 </body>

     

       2.由于动画的主要原理在于改变背景图片的位置,这里先介绍一下background-img,知道的同学自行跳过吧

        由url插入图片

    1         div{
    2             width: 300px;
    3             height: 200px;
    4             background: red;
    5             background-image: url(../img/放大镜.png);
    6         }

        效果:

     

        很明显看到,背景图片的大小不适合div的宽高,所以,用background-size设置图片的宽高

    1 background-image: url(../img/放大镜.png);
    2 background-size: 20px 30px;

        效果:

        因为背景图默认的设置是重复背景图片,所以更改为禁止重复

    1 background-image: url(../img/放大镜.png);
    2 background-size: 20px 30px;
    3 background-repeat: no-repeat;        /*禁止图片重复*/

        效果:

        这个时候呢,假如想调整图片的位置,就需要设置图片的position

    1 background-image: url(../img/放大镜.png);
    2 background-size: 20px 30px;
    3 background-repeat: no-repeat;        /*禁止图片重复*/
    4 background-position: 100px 50px;        /*这里设置的是px坐标,也可以用left或者百分比的形式设置图片位置*/

        效果:

       3.给外部diva设置宽度、背景色和边框,便于观察;给内部div1添加宽高和背景图片,注意这里div1的宽度是背景图片宽度的总和;当然,div1中的图片也要适当调整宽高。

     

     1          .diva{
     2             width: 100%;
     3             background: red;
     4             border: 5px solid blue;
     5         }
     6         .div1{
     7             width: 900px;
     8             height: 200px; 
     9             background-image: url(../img/轮播1.jpg),url(../img/轮播2.jpg),url(../img/轮播3.jpg);
    10             background-repeat: no-repeat;
    11             background-size: 300px 200px;
    12             background-position: 0 0,300px 0,600px,0;
    13         }
    14         .div1 img{
    15             width: 20px;
    16             height: 20px;
    17         }

     

     

     

        大概就是这个效果啦

       4.将div1的宽度设置为一张图片的宽度,就定义一个相当于用户的可见窗口

    1               .div1{
    2             width: 300px;        /*设置div宽度为一张图片的宽度*/
    3             height: 200px; 
    4             border: 10px solid green;
    5             background-image: url(../img/轮播1.jpg),url(../img/轮播2.jpg),url(../img/轮播3.jpg);
    6             background-repeat: no-repeat;
    7             background-size: 300px 200px;
    8             background-position: 0 0,300px 0,600px,0;
    9         }

        效果:

        5.由于设置的窗口大小,剩余的两张图片不可见了,相当于屋子里面有三个人,你从一个窗口看进去,只看到了一个人,其他人被墙壁遮住了,这时如果这个人往左走,离开窗口,第二个人走到窗口位置,就可以看到第二个人了。

     1          .div1{
     2             width: 300px;        /*设置div宽度为一张图片的宽度*/
     3             height: 200px; 
     4             border: 10px solid green;
     5             background-image: url(../img/轮播1.jpg),url(../img/轮播2.jpg),url(../img/轮播3.jpg);
     6             background-repeat: no-repeat;
     7             background-size: 300px 200px;
     8             /*background-position: 0 0,300px 0,600px,0;*/
     9             background-position: -300px 0,0 0,300px,0;        /*图片左移*/
    10         }

        效果:

        6.当这三个人不断重复这种移动,就会对窗户外的你形成轮播效果,css3的关键帧动画就可以实现这种重复不断的移动,不了解的同学可以自行百度,这里就不细说关键帧动画原理了。

    css3关键代码:

     1 .home{
     2     width: 320px;        /*为了适应iphone5的分辨率设置的宽度*/
     3     height: 200px;
     4     background: url(../img/轮播1.jpg),url(../img/轮播2.jpg),url(../img/轮播3.jpg),url(../img/轮播1.jpg);
     5     /*第四张图片与第一张图片一致是为了轮播的时候效果更加自然,否则从最后一张播放到第一张会造成生硬的停顿*/
     6     
     7     background-repeat: no-repeat;
     8     background-size: 320px 200px;
     9     animation: kbg 9s linear infinite;
    10     /*调用kbg关键帧动画,动画时长为9s,匀速运动,无限循环播放(除非页面被关闭)*/
    11 }
    12 @keyframes kbg{
    13     0%{
    14         background-position: 0 0,320px 0,640px 0,960px 0;
    15     }
    16     5%{
    17         background-position: 0 0,320px 0,640px 0,960px 0;
    18     }
    19 
    20     30%{
    21         background-position: -320px 0,0 0,320px 0,640px 0;
    22     }
    23     40%{
    24         background-position: -320px 0,0 0,320px 0,640px 0;
    25     }
    26 
    27     60%{
    28         background-position: -640px 0,-320px 0,0 0,320px 0;
    29     }
    30     70%{
    31         background-position: -640px 0,-320px 0,0 0,320px 0;
    32     }
    33 
    34     95%{
    35         background-position: -960px 0,-640px 0,-320px 0,0 0;
    36     }
    37     100%{
    38         background-position: -960px 0,-640px 0,-320px 0,0 0;
    39     }
    40 }

     

    总结:关键帧轮播的视觉效果就和手机京东差不多,所缺的就是一些细节的地方。可能有人说网上的轮播器一大把,这样做是重复造轮子,但是我坚信学以致用,多练习才能理解和掌握知识要点。

    题外话:

        小妹初来乍到,望大家捧个人场,多多评论指正,最好加个关注呢,期待和各位的交流~

     

     

     

    转载于:https://www.cnblogs.com/CodeShero/p/7265855.html

    展开全文
  • js电影图片滑动放大展示特效 jQuery列表图片全图滚动预览 jQuery游戏图片手风琴切换代码 ... 响应式图片文字横幅布局代码 ... jquery 图片放大镜仿iphone苹果手机图片文字放大查看效果 jQu...
  • 文字向上滚动,双击在框内写文字,千万不要拉动或删除这个框哦~</MARQUEE></TD> <TD colSpan=5><img height=44 alt="" src=...
  • Axure RP8手机边框

    2021-01-20 20:53:49
    通过近一段时间的学习 Axure 学会了如何设计图片和实现动态效果。 我们学习了一个案例,通过一个手机框架实现其动态效果。...也可以实现页面的切换设计一个小轮播,添加文字,实现其动态效果。 如下图: 添加文本,
  • 通过框(手机边框选择)、色(手机壳背景色)、图(上传图片)、饰(选择饰品)、字(输入文字)、滤(选择滤镜效果)等六种操作设计专属自己的手机壳。 商城展示已经设计好的手机壳,用户可选择购买现成的,也可以...
  • 简介完成侧拉栏的显示,侧拉首页对应的:首页+应用+游戏这3个 tab,包含的知识点有:请求数据 +pullTofresh + ImageLoader +轮播图 + listView 效果图:侧拉栏的实现 V4包中的DrawerLayout实现侧拉效果,每个侧拉的...
  • 移动端常见问题

    千次阅读 2017-06-30 14:44:19
    关于css常见问题,大多是移动端的。 简单的排版规则:条目与条目之间空两行,每条内容部分分段空一...一、在做手机轮播图时,banner图的宽度是手机屏幕的宽度,轮播图加了左右切换按钮,按钮的position:absolute;定
  • 13种酷炫的html5 3D图片切换代码

    千次阅读 2019-07-21 23:44:33
    jQuery 3D图片叠加css3翻转图片切换特效 html5图片3d切换幻灯片轮播特效代码 ...html5 css3 3D动画制作手机界面3D叠加突出动画效果 html5 3D图片网格布局点击图片3D动画弹出大图文字信息 css3...
  • echop笔记

    2015-09-11 16:46:32
    ecshop是一个找函数花费的时间是写函数话费的时间的十倍的开源商城系统 ...笔记二:商城手机端,轮播图可以直接在后台加 {foreach from=get_advlist_position_name('wap首页banner轮播',0,8) item=ad name
  • 1、轮播图 2、倒计时 3、加密手机号 4、文字滚动 5、选择文本替换内容 6、数组去重 7、数组中对象排序 8、点击从小到大排序or随机排序按钮切换图片 9、表格添加删除全选
  • 前端插件--总结

    2018-04-13 19:46:00
    一、图标插件库 ... 1.Swiper:纯javascript打造的滑动特效插件,... (1)作用:轮播图,文字上下的滚动等  (2)插件下载:https://files.cnblogs.com/files/damoblog/swiper-4.2.2.zip  (3)例子:文字上下的...
  • Sydney主题支持首页首屏全屏大图轮播文字按钮内容展示,首页也有多个功能模块,方便企业信息内容的展示。 Sydney主题支持响应式,可以兼容手机等移动端设备无障碍浏览。主题的设置选项也接入了wordpress自带的...
  • 2、模仿小米手机视觉差产品图片展示 3、淡入淡出式轮播图 4、点出左右按钮图片组切换轮播图 5、百页窗效果轮播图 6、模拟相册效果可点击放大左右切换 7、CSS3实现广告轮播器 8、实现电商网站放大镜效果 9、实现鼠标...
  • 【查看更多[BlackGrid]标签的...顶部轮播: 可以自定义图标、文字描述、跳转链接,以及轮播的信息数量 其他功能: 集成独有的简易个性化菜单,内嵌草莓图标库PRO、友情链接板块、关于我们板块、投稿按钮、二维码板展示
  • 前端的Project示例

    2015-08-03 17:22:52
    1. 有图片轮播工作,第一个div。 2. 监听手机摇一摇事件。 3. 能够监听手机窗口大小。 4. 利用ajax从后台请求数据,并更新显示。 5. 能倒计时。 6. 有弹窗提示。 7. 利用ajax更新最后一个banner图标。 8. 滚动播放...
  • zblog仿小k资源网模板

    2020-11-11 12:38:38
    此模板转载刀贱贱资源博客 1.主题为资源站主题,可以用于资源,福利资讯,发布站等站点。...底部导航和轮播图下面的导航均可自定义设置链接、图标、文字 本主题适合动手能力强的朋友!小白没接触过网站
  • http://dev.dcloud.net.cn/mui/这个网站是MUI的官网,点开网站右侧是一个手机标识,上面有所有的MUI框架的前端...1.折叠面板(包括表单/图片轮播/文字排版) (1)表单输入群组使用Form,提交的时候也可以以表单的方式提交...
  • 1、摆摊人员:字幕广告轮播手机连接音响,广告词实时播放 2、小贩、商超:喇叭录音是用,避免发音不标准,录得不清晰等问题 3、追星、找人:字幕轮播炫酷方便 4、线下实体应用场景非常广泛,非常受大众欢迎 使用...
  • 继上个版本本次修复广告横幅只显示大图的问题,修复文字广告在手机不显示文章置顶广告移除热门,现在不在热门显示了修复免责一类,关于这些,不再是看文章那种了左侧大图轮播去掉,不在显示箭头,更换前篇一律的首页...
  • 前两天产品经理找我,说是首页的轮播图,看起来...然后我抓包,拿到了图片链接,但是链接的图片在浏览器中看起来效果很不错,像这样:但是展示在手机上的效果,真的差强人意,尤其是有文字的时候,文字的边缘锐化的效果
  • 上个版本本次修复广告横幅只显示大图的问题,修复文字广告在手机不显示文章置顶广告移除热门, 现在不在热门显示了修复免责一类,关于这些,不再是看文章那种了左侧大图轮播去掉,不在显示箭头, 更换前篇一律的首页...
  • 上个版本本次修复广告横幅只显示大图的问题,修复文字广告在手机不显示文章置顶广告移除热门, 现在不在热门显示了修复免责一类,关于这些,不再是看文章那种了左侧大图轮播去掉,不在显示箭头, 更换前篇一律的首页...
  • Axure如何制作滑动引导页

    千次阅读 2019-07-19 04:03:39
    效果图,图片文字可自行切换,颜值非文本重点: 1..创建手机外壳,我是用的ios8组建元素库里的iphone元素,默认宽度和高度分别是375和667,iphone屏幕需要内联到启动页 2.启动页加载一个动态面板,这里以四...
  • 模板名称: ...模板介绍: 页面简洁,容易维护修改,DEDE内核都...4,网站首页全屏轮播,漂亮大气,轮播采用Jquery滤镜特效,还支持手指滑动切换。   使用程序:   织梦DEDECMS版本都可以使用。   模板页面: index

空空如也

空空如也

1 2 3 4
收藏数 62
精华内容 24
关键字:

手机轮播文字