簡單易用的點選展開伸縮效果

2022-04-12 06:54:21 字數 1485 閱讀 5586

1

<

a href

="###"

onmouseover

="openp('box1')"

>1、點選展開1

a>

2<

p id

="box1"

>

3這裡面放的是box1的內容.4p

>

5<

p><

a href

="###"

onmouseover

="openp('box2')"

>2、點選展開2

a>

p>

6<

p id

="box2"

style

="display:none"

>

7這裡面放的是box2的內容.8p

>

9<

a href

="###"

onmouseover

="openp('box3')"

>3、點選展開3

a>

10<

p id

="box3"

style

="display:none"

>

11這裡面放的是box3的內容.12p

>

13<

p><

a href

="###"

onmouseover

="openp('box4')"

>4、點選展開4

a>

p>

14<

p id

="box4"

style

="display:none"

>

15這裡面放的是box4的內容.16p

>

17<

br />

18<

p><

a href

="">網頁**站ap

>

例項:

function

showlist (_id)

else}}

呼叫:

<

dt onmouseover

="showlist('month1')"

><

ul class

="month"

><

li class

="w288 textleft"

>3月集合

li><

li>2

li><

li>0

li><

li>0

li><

li>0

li><

li>0

li><

li>0

li><

li>0

li>

ul>

dt>

vueJS簡單的點選顯示與隱藏的效果

目前前端框架太多,接觸過angular ember,現在開始倒騰vue 此處用到v if v else v show,v if或讓元素不在dom上,v show只是改變display block屬性,感覺v if好 感覺跟適合 演示效果 doctype html html lang en head ...

用js實現簡單的點選返回頂部效果

當頁面特別長的時候,使用者想回到頁面頂部,必須得滾動好幾次滾動鍵才能回到頂部,如果在頁面右下角有個 返回頂部 的按鈕,使用者點選一下,就可以回到頂部,對於使用者來說,是乙個比較好的體驗。實現原理 當頁面載入的時候,把元素定位到頁面的右下角,當頁面滾動時,元素一直位於右下角,當使用者點選的時候,頁面回...

取消GridView 的點選效果

方法一,在控制項被初始化的時候設定 1 2 gridview.setselector newcolordrawable color.transparent listview.setselector newcolordrawable color.transparent 方法二,在布局檔案中設定list...