jsp頁面「更多」和「收起」

2021-09-02 16:48:38 字數 719 閱讀 3946

//帶**的頁面**示例(顯示前五行,隱藏後面的):

列1列2

列3 <%--顯示前五行--%>

值1值2值3

5 }"><%--隱藏五行以後的資料--%>

更多》 

值1值2

值3

《收起 

接下來是js**,可以寫入jsp頁面中,但是為了養成良好的編碼習慣,還是將頁面和js分開較好,如下:

//收起

function itemless() );

$("#itemmore").fadein(1000);

$("#itemless").hide();

}//更多

function itemmore() );

$("#itemless").fadein(1100);

$("#itemmore").hide();

}

關於hide()、show()、fadein()、fadeout()、toggle()要學會靈活靈用哈~

*、定位錨點

第一種:《標籤,id="anchor">

跳轉**:

location.href = "#anchor"; // anchor為錨點名稱

window.location.hash = 「anchor」; // anchor為錨點名稱

微信小程式 收起和檢視更多功能

實現的方法千萬種。我來講一下我的實現思路 2.根據索引的大小來判斷它是預設顯示還是隱藏。如果索引小於2就顯示,大於2就隱藏。至於顯示隱藏,我用的是class控制的。如下 wxml view class weui cells mgt 0 view wx for wx for item item wx ...

微信小程式文字檢視更多和收起

1 文字超過n行顯示省略號 2 省略時,顯示 展開 收起 按鈕 3 文字不超過n行時,不顯示省略號和展開 收起按鈕 實現功能,記錄此次開發經驗,以便當做筆記查詢。實現思路 文字過長顯示省略號 展開和收起功能,通過css樣式即可實現 判斷是否顯示展開 收起按鈕 通過巢狀元素,可以實現text既顯示省略...

JSP和HTML關閉頁面

第一種 jsp定時自動關閉視窗 第三種 視窗沒有提示自動關閉的jsp ie6 7 jsp關閉視窗不提示的方法 方法一 jsp 濟寧 製作 function closewin 這個不會提示是否關閉瀏覽器 方法二 open.html jsp function open complex self clos...