奇米影视四色7777久久精品-奇米影视777在线观看一区-七草千岁在线-破产姐妹第二季在线观看天天美剧-国产精品视频铁牛tv-国产精品视频视频久久

0712-2888027 189-8648-0214
微信公眾號

孝感風(fēng)信網(wǎng)絡(luò)科技有限公司微信公眾號

當(dāng)前位置:主頁 > 技術(shù)支持 > Javascript/JQuery > ScrollMe一個用于向網(wǎng)頁添加簡單滾動效果的jQuery插件

ScrollMe一個用于向網(wǎng)頁添加簡單滾動效果的jQuery插件

時(shí)間:2019-10-31來源:風(fēng)信官網(wǎng) 點(diǎn)擊: 1217次
通過使用ScrollMe插件,可以將靜態(tài)的頁面添加動態(tài)的效果,讓頁面整體動感起來,ScrollMe插件使用非常的簡單,只需要在元素中添加屬性即可。
 
Github地址:https://github.com/nckprsn/scrollme
 
引入核心文件:
 
<script src='js/jquery.scrollme.js'></script>
 
在html結(jié)構(gòu)中添加屬性,示例代碼如下:
 
<div class="scrollme">
    <div
        class="animateme"
        data-when="enter"
        data-from="0.5"
        data-to="0"
        data-opacity="0"
        data-translatex="-200"
        data-rotatez="90"
    >
        Yup, that's all.
    </div>
</div>
 
Options選項(xiàng)參數(shù)如下:
 
when
決定滾動的邊界開始和結(jié)束,有三個參數(shù):
 
enter:從容器的頂部進(jìn)入視窗時(shí)退出
exit:從容器的底部進(jìn)入視窗時(shí)退出
span:從容器的頂部進(jìn)入視窗到底部進(jìn)行視窗
 
from & to
指定滾動邊界內(nèi)動畫的起始位置與結(jié)束位置,值為: 0 - 1
 
easing
設(shè)置動畫的形式
 
"easeout": 緩沖淡出.
"easein": 緩沖淡入.
"easeinout": 淡出.
"linear": 無動畫.
 
crop
是否限制滾動邊界在文檔邊界內(nèi)。值:true 和false
 
opacity
元素的透明度,值:0 - 1
 
scale, scalex, scaley & scalez
指定元素的坐標(biāo)x,y,z的數(shù)值實(shí)現(xiàn)滾動動畫效果
 
rotatex, rotatey & rotatez
指定元素在X,Y和Z軸的角度旋轉(zhuǎn)數(shù)值。
 
translatex, translatey & translatez
指定的距離把動畫元素沿X、Y和Z軸數(shù)值
熱門關(guān)鍵詞: ScrollMe 網(wǎng)頁 滾動效果 jQuery插件
欄目列表
推薦內(nèi)容
熱點(diǎn)內(nèi)容
展開
主站蜘蛛池模板: 99久久精品免费精品国产| 日本美女一区二区| 精品久久久久久| 秒播在线| 青草草在线视频| 成年人国产| 天天干视频在线观看| 欧美一级看片| jizz网站| 视频网站在线| 中文字幕亚洲精品日韩精品| www天天操| bt 自拍 另类 综合 欧美| 亚洲国产精品悠悠久久琪琪| 欧美一区二区精品| 青青草91| 久久久99精品久久久| 天天操天天做| 九九视频在线播放| 在线视频亚洲| jk喷水| 日韩精品视频在线播放| 亚洲天天操| 国产91精品黄网在线观看| 特黄特色大片免费视频大全| 四虎sihu新版影院亚洲精品| 99在线视频精品费观看视| 亚洲欧美手机在线观看| 卑鄙的灵魂在线完整观看高清免费| 青青草免费在线| 天天爽天天| mm1313亚洲国产精品无| 成人免费视频一区| 精品久久久一二三区| 欧美日韩高清| 欧美日韩三级在线| 99精品亚洲| 国产剧情乱偷| 99爱色| 久99久视频| 免费欧美日韩|