绿色顶部伸出和收回的jQuery广告代码
- 作者:网页模板
- 大小:0.053MB
- 点击次数:
- 发布时间:2014-04-03 13:46
特效介绍
绿色顶部伸出和收回的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、修改里面的内容为您的广告语或者代码
- 本文标签:
- 绿色,顶部,伸出,和,收回,的,jQuery,广告,代码,