1. Home
  2. /
  3. Web technology
  4. /
  5. JQUERY
  6. /
  7. [ JQUERY ] –...

[ JQUERY ] – trigger() 事件觸發 與 highslide.js使用

評等結果
點擊便能為這篇文章進行評等!
[評等總次數: 0,平均評等: 0]

使用情境:
我遇到的需求是網站首頁,需網頁載入完成後立即載入一個資訊框,我是使用highslide外掛,利用a href 去載入ifame訊息網頁內容。
當然因為是要一載入就跳出訊息框,所以也是不能期待使用者會自已去按這個連結。
這個使用就可以使用 trigger() 事件觸發。
html部份:
[html]
<body onload="$(‘#showmsg’).trigger(‘click’);">
<a id="showmsg" class="highslide" href="showmsg.html" onclick="return hs.htmlExpand(this, { outlineType: ’rounded-white’,wrapperClassName: ‘draggable-header’, objectType: ‘iframe’,align:’center’,width:500 } )"> &nbsp;</a>
[/html]
javascript
[javascript]
<script src="./highslide/highslide-with-html.js"></script>
<script src="./highslide/highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = ‘highslide/graphics/’;
hs.align = ‘center’;
hs.transitions = [‘expand’, ‘crossfade’];
hs.outlineType = ’rounded-white’;
hs.fadeInOut = true;
hs.numberPosition = ‘caption’;
hs.dimmingOpacity = 0.75;
</script>
[/javascript]

評等結果
點擊便能為這篇文章進行評等!
[評等總次數: 0,平均評等: 0]

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *