首页 > 特效插件 > 广告特效 >  绿色顶部伸出和收回的jQuery广告代码正文

绿色顶部伸出和收回的jQuery广告代码

特效介绍
jQuery广告代码

绿色顶部伸出和收回的jQuery广告代码。点击“X”会收回广告,点击下拉按钮,广告又会显示。
使用方法
1、在head区引入下面的代码
<LINK rel=stylesheet type="text/css" href="css/5imoban.net.css" media="screen">
<SCRIPT type=text/javascript src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></SCRIPT>
<SCRIPT type=text/javascript src="js/jquery-ui.min.js"></SCRIPT>
<SCRIPT type=text/javascript src="js/howdydo-bar.js"></SCRIPT>
<SCRIPT type=text/javascript>
    $(document).ready( function(){
        $( '#howdy' ).howdyDo({
            action        : 'hover',
            effect        : 'slide',
            easing        : 'easeInOutExpo',
            duration    : 600,
            openAnchor    : '<img src="images/down-arr-16x16.png" border=0 />',
            closeAnchor    : '<img src="images/close-16x16.png" border=0 />'
        });
    });
</SCRIPT>
2、在内容的顶部区域引入下面的代码:
<DIV id=howdy>
<SPAN id=heading>我爱模板网 - 找模板,找素材,找教程,就来我爱模板网。</SPAN><BR>
<A href="http://www.5imoban.net/" target=_blank>www.5imoban.net</A>
</DIV>
3、修改里面的内容为您的广告语或者代码