\r\n\t\t
  •  
  • \r\n\t\t
  • \r\n\t\t\t
    \r\n\t\t
  • \r\n\t\r\n\r\n

    2、广告大图的高度适应全屏。平时在做效果图时,一般广告版位的图片高度是固定的,但是遇到要适应满屏显示的话,直接设置高度是不行的,因为不同分辨率下,屏幕的高度不一样,这时可以通过jquery来实现

    \r\n
     
    \r\n
    \r\n\t
      \r\n\t\t
    1. \r\n\t\t\t
      \r\n\t\t
    2. \r\n\t
    \r\n
    \r\n
    3、jQuery 效果 - 淡入淡出
    \r\n
    \r\n\t
    jQuery 拥有下面四种 fade 方法:
    \r\n\t
    fadeIn()
    \r\n\t
    fadeOut()
    \r\n\t
    fadeToggle()
    \r\n\t
    fadeTo()
    \r\n\t
     
    \r\n
    \r\n
    (1)jQuery fadeIn()用于淡入已隐藏的元素。
    \r\n
    (2)jQuery fadeOut():方法用于淡出可见元素。
    \r\n
    (3)jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。如果元素已淡出,则 fadeToggle() 会向元素添加淡入效果。如果元素已淡入,则 fadeToggle() 会向元素添加淡出效果。
    \r\n
    (4)jQuery fadeTo():jQuery fadeTo() 方法允许渐变为给定的不透明度(值介于 0 与 1 之间)
    ", "copyrightHolder": "本站原创" }
    您的位置: 首页 >日志>前端技术>详细内容

    前端技术

    近期输出中遇到的小问题

    来源:本站原创 发布时间:2019-04-01 22:31:07 浏览次数: 【字体:

    1、最近有项目要做出全屏滚动,但只有第一屏滚动到第二屏,第二屏有溢出很多内容,使用fullpage.js实现。注意的一点是是引用scrolloverflow.min.js,fullpage方法中添加一个参数:scrollOverflow: true即可。

    html代码:

    1.    
    2.    
      第一屏
           
    3.    
      第二屏

    CSS引用

    JS引用

    1.  

    2、广告大图的高度适应全屏。平时在做效果图时,一般广告版位的图片高度是固定的,但是遇到要适应满屏显示的话,直接设置高度是不行的,因为不同分辨率下,屏幕的高度不一样,这时可以通过jquery来实现

     
    3、jQuery 效果 - 淡入淡出
    jQuery 拥有下面四种 fade 方法:
    fadeIn()
    fadeOut()
    fadeToggle()
    fadeTo()
     
    (1)jQuery fadeIn()用于淡入已隐藏的元素。
    (2)jQuery fadeOut():方法用于淡出可见元素。
    (3)jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。如果元素已淡出,则 fadeToggle() 会向元素添加淡入效果。如果元素已淡入,则 fadeToggle() 会向元素添加淡出效果。
    (4)jQuery fadeTo():jQuery fadeTo() 方法允许渐变为给定的不透明度(值介于 0 与 1 之间)