免費建站系統(tǒng)，JW 頁面工廠版本更新了

時間：2022-08-24 10:33:01 | 來源：網(wǎng)站運營

時間：2022-08-24 10:33:01 來源：網(wǎng)站運營

新版頁面工廠靈活的動畫交互呈現(xiàn)使您的網(wǎng)站充滿活力

動畫交互是讓你的用戶參與你的網(wǎng)站的東西。這讓他們不用語言就能交流。你知道他們怎么說一幅畫勝過千言萬語嗎?通過你網(wǎng)站上的互動，它將使一張圖片勝過百萬字。這是Joomla行業(yè)從未見過的。頁面工廠就是這樣為您做的。使一些以前沒有人想象到的事情成為可能。

您可以使用與頁面工廠的動畫交互賦予您的網(wǎng)站生命，讓網(wǎng)站充滿活力。

動畫交互讓你(作為一個web開發(fā)人員)釋放你的創(chuàng)造力，讓你做瘋狂的事情。與頁面工廠動畫交互，你有一個全新的方式來創(chuàng)建實時運動效果在您的網(wǎng)站。它有一組強大的控件，可以讓您添加有吸引力的過渡和美麗的動畫。

讓我們看看您可以使用全新的交互控件創(chuàng)建什么效果。

• 移動
• 縮放
• 旋轉(zhuǎn)
• 傾斜
• 不透明度
• 模糊
• 3D旋轉(zhuǎn)

這些控件可以分為兩組設(shè)置。

滾動效果：使用滾動效果，您可以為訪問者滾動瀏覽網(wǎng)頁時創(chuàng)建動畫。通過確定起點和終點來創(chuàng)建運動效果。

鼠標效果：使用鼠標效果，您可以為用戶將鼠標懸停在特定元素上時創(chuàng)建過渡效果。

在進一步深入了解之前，讓我們先了解在何處可以使用交互?；旧希W(wǎng)頁上到處都是。該特性在所有頁面工廠插件中都可用。進入編輯模式后，選擇一個插件，你會發(fā)現(xiàn)“動畫交互”控件就在“高級”選項卡旁邊。

為了有效地使用交互，您需要了解一些事情。通過動畫交互，您可以為您的網(wǎng)站帶來生機。這意味著，您可以將動畫效果應(yīng)用于您的內(nèi)容，以便在進行交互時它們會動態(tài)地做出反應(yīng)?，F(xiàn)在我們需要了解控件的工作原理。

所有的效果都是由它們的軸值控制的，這里我們有x, y, z, x軸是水平的，y軸是垂直的，z是第三個同時垂直于x和y的軸。

時間軸:為了使控件更加友好，我們引入了時間軸。時間軸將視圖端口(網(wǎng)頁的可見區(qū)域)從0%劃分為100%。其中0%表示屏幕底部，50%表示屏幕中部，100%表示屏幕頂部。

所有交互效果還有一個共同的設(shè)置，變換x軸和y軸的原點。它作為效果的錨。您可以使用這些選項定義所有效果的起始點。

例如，如果您將x軸的原點設(shè)置為右，將y軸設(shè)置為底(請參考上面的視頻)。交互效果將從元素的右下角開始操作。

移動的效果

移動效果允許您將附加組件從X和Y點移動到定義的方向，其中X表示水平方向，Y表示垂直方向。對于這些控件，正值表示右(下)，負值表示左(上)。

還有一個z軸用于重新定位元素。它控制三維空間中的z軸，指定元素向內(nèi)或向外移動的距離。透視CSS屬性用于通過將元素置于z軸上的較高位置來為場景(或?qū)ο?添加深度感。我們將透視圖的默認值設(shè)置為1000。

縮放效應(yīng)

使用縮放效果，您可以使一個元素在其絕對位置方面變大或變小。正值使對象伸縮，負值使對象收縮。這里x軸控制水平縮放，y軸控制垂直縮放。

旋轉(zhuǎn)的效果

這種效果允許您旋轉(zhuǎn)一個元素。要查看運動中的旋轉(zhuǎn)，需要對時間軸執(zhí)行兩個旋轉(zhuǎn)效果。一個決定起點，另一個決定終點。對于垂直翻轉(zhuǎn)，需要改變x值;對于水平翻轉(zhuǎn)，需要改變y值;對于順時針或逆時針旋轉(zhuǎn)，需要改變z值。上面的視頻是一個順時針旋轉(zhuǎn)的例子。

傾斜效果

偏斜效應(yīng)使元素在二維空間上傾斜。意思是你可以使用偏斜效果使任何元素成為不均勻的平行四邊形。它有兩個控件，x軸的較高（正）值會使元素水平向右側(cè)傾斜，較低（負）值會使其向左側(cè)傾斜。類似的效果也適用于y軸。歪斜效果的一個可能用例是，您可以使對象在2D表面中看起來在另一個上面。

不透明效果

使用Opacity，您可以管理元素的可見性。它只有一個控件，其中0使元素完全不可見，1使其完全可見。使用不透明度和其他效果可以使設(shè)計更有趣。上面給出了一個例子。這里我們在同一圖像上使用了不透明度，移動和旋轉(zhuǎn)。

模糊效果

此效果用于使元素模糊。它只配備一個控件，值范圍為0-100。值越高，元素越不清晰，值越低，元素越清晰。效果有很多應(yīng)用，最好的一個是當它出現(xiàn)在屏幕上時使元素模糊，并使其在聚焦點時更清晰。

傾斜效果

傾斜效果是3D鼠標移動效果。與其他效果類似，它具有控制以確定您是否希望在移動設(shè)備上看到效果。至于設(shè)置，傾斜的方向定義鼠標懸停時會發(fā)生什么。前進方向使元素向鼠標移動，而相反方向使元素向后移動。

響應(yīng)性效果：響應(yīng)性是實現(xiàn)新功能時的首要任務(wù)之一。我們確保所有輸出都是響應(yīng)式的。同樣，所有頁面工廠的動畫交互效果都是適合移動設(shè)備的。如果您愿意，可以使用開關(guān)在移動設(shè)備/平板電腦設(shè)備上啟用互動效果。

時間軸和使用多種效果的自由：頁面工廠的動畫交互功能帶有一個時間軸區(qū)域，可讓您控制來自單個位置的所有交互效果。這是Joomla動畫交互的最令人驚奇的功能之一是你可以根據(jù)需要在單個元素上使用多個交互效果。

交互作為一個獨立的功能：我們開發(fā)了一種交互方式，在編輯時，動畫交互功能只會在您創(chuàng)建/編輯交互效果時激活。這樣它就不會與其他造型效果發(fā)生沖突。

完整更新日志

• 新增功能：所有插件都添加了交互功能
• 新增：位置選項已添加到所有插件
• 新增：添加到表單生成器插件的按鈕包裝器自定義類
• 更新：共享問題已修復(fù)和共享計數(shù)選項已從社交共享插件中刪除
• 更新：刪除按鈕的文本依賴關(guān)系以更改選擇加入表格插件中的按鈕背景顏色
• 修復(fù)：在表單生成器插件中輸入類型選擇高度問題
• 修復(fù)：在表單生成器插件中輸入標簽文本字體大小的響應(yīng)
• 修復(fù)：從表單生成器插件中的電子郵件不工作問題
• 修復(fù)：聯(lián)系表單插件中的必填字段驗證
• 修復(fù)：表格插件中的響應(yīng)模式問題中的標題重復(fù)
• 修復(fù)：圖像未從Divider插件中的外部URL問題加載
• 修復(fù)：聯(lián)系表單插件中的電子郵件發(fā)送問題

下載地址：

頁面工廠組件下載

頁面工廠全站下載