使用情境:
我遇到的需求是網站首頁,需網頁載入完成後立即載入一個資訊框,我是使用highslide外掛,利用a href 去載入ifame訊息網頁內容。

當然因為是要一載入就跳出訊息框,所以也是不能期待使用者會自已去按這個連結。
這個使用就可以使用 trigger() 事件觸發。

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>

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>

喜歡我的文章嗎?歡迎按讚加分享/留言交流,或是點擊下方廣告讚助我喝一杯咖啡吧 ^_^ ⇩⇩⇩

Leave a comment

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