jquery實現彈窗淡入淡出

2021-08-19 01:20:10 字數 1464 閱讀 8450

1. 要展示彈窗的html中增加彈窗內容如下:

id="executecaseconfig"

style="display: none;">

class="executecase_mask">

class="title">

案例執行配置onclick='closeexecutecasepopup()'>xspan>

h4>

div>

class="content">

class="configname">請選擇瀏覽器(可多選):label>

class="configname">

type="checkbox"

value="chrome"

class="check_view_state"

name="browser"

id="checkbox-chrome"

style="display: none;">

for="checkbox-chrome">

label>

class="browser">chromespan>

li>

type="checkbox"

value="firefox"

class="check_view_state"

name="browser"

id="checkbox-firefox"

style="display: none;">

for="checkbox-firefox">

label>

class="browser">firefoxspan>

li>

type="checkbox"

value="ie"

class="check_view_state"

name="browser"

id="checkbox-ie"

style="display: none;">

for="checkbox-ie">

label>

class="browser">iespan>

li>

ul>

div>

div>

onclick='executecase()'

class="btn_update">確定button>

onclick='closeexecutecasepopup()'

class="btn_cancel">取消button>

div>

div>

div>

2. 要求:

3. 實現方式:

實現彈窗淡入:

$("#show").click(function

());

實現彈窗淡出:

$("#show").click(function

());

jQuery 淡入淡出

通過 jquery,您可以實現元素的淡入淡出效果。jquery 擁有下面四種 fade 方法 fadein fadeout fadetoggle fadeto 下面一一介紹 jquery fadein 用於淡入已隱藏的元素。語法 selector fadein speed,callback 可選的 ...

jQuery 淡入淡出

通過 jquery,您可以實現元素的淡入淡出效果。jquery 擁有下面四種 fade 方法 fadein fadeout fadetoggle fadeto jquery fadein 用於淡入已隱藏的元素。語法 selector fadein speed,callback 可選的 speed 引...

JQuery淡入淡出效果

jquery 擁有下面四種 fade 方法實現淡入淡出效果 selector fadein speed,callback 可選的 speed 引數規定效果的時長。它可以取以下值 slow fast 或毫秒。可選的 callback 引數是 fading 完成後所執行的函式名稱。selector fa...