基於jq中獎記錄效果實現

2021-08-02 03:59:07 字數 743 閱讀 3849

最近需要做乙個中獎記錄的滾動效果,下面來寫乙個基於jq的呆毛:

效果圖:

html**:主要是把中獎記錄做乙個展示

class="panel">

class="activity"

id="list">

吳瓊瓊1 獲得了iphone7li>

吳瓊瓊2 獲得了imacli>

吳瓊瓊3 獲得了iwatchli>

吳瓊瓊4 獲得了好吃的li>

吳瓊瓊5 獲得了哈哈哈哈li>

ul>

div>

div>js:

$(function

() , 1500, 'linear', function

() )

up();

});} up();

});

animate() 方法執行 css 屬性集的自定義動畫。

該方法通過css樣式將元素從乙個狀態改變為另乙個狀態。css屬性值是逐漸改變的,這樣就可以建立動畫效果。

只有數字值可建立動畫(比如 「margin:30px」)。字串值無法建立動畫(比如 「background-color:red」)。請猛戳戳戳戳jquery 效果 - animate() 方法

名片效果實現

模仿qq空間 微博等滑鼠懸浮在人名上時,顯示使用者詳細資訊 大體思路是將名片卡隱藏在頁面中,當懸浮時將名片卡移動到滑鼠邊,滑鼠移開時隱藏名片卡。本文的js使用了jquery 使用者名稱跟名片卡 如下 只是為了顯示類名,具體內容按需補充 使用者名稱 js 如下 var showmsgcardcontr...

抽屜效果實現

import viewcontroller.h define maxy 60 inte ce viewcontroller property nonatomic,weak uiview mainview property nonatomic,weak uiview leftview property...

漸入效果實現

首先我們來幅 析下漸入效果的原理 由圖可以看出,整個漸入的效果分為三層,分別為 最外層 內容包裹層和內容層。其中最外層 內容包裹層和內容層三層的寬高是一致的。開始狀態下,最外層和內容包裹層均將超出的部分隱藏,這樣其實最開始的時候只能看見最外層左邊的50 和內容包裹層左邊的50 內容是完全看不見的。首...