jQuery新闻右下角悬浮层代码



87 347 116



特效描述:jQuery新闻 右下角悬浮层,jQuery新闻右下角悬浮层代码

代码结构

1. 引入CSS

<link href="css/style.css" rel="stylesheet" type="text/css" />

2. 引入JS

<script type="text/javascript" src="js/move.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/cookie.js"></script>

3. HTML代码

<div class="float_layer" id="miaov_float_layer" style="z-index:10001;">
	<h2>
		<b>今日推荐</b>
		<a id="btn_min" href="javascript:;" class="min"></a>
		<a id="btn_close" href="javascript:;" class="close"></a>
	</h2>
	<div class="content2">
		<div class="wrap2">
			<ul>
				<li><a class="nl" href="www.51qianduan.com/">右下角可关闭和最小化悬浮层 </a></li>
				<li><a class="nl" href="www.51qianduan.com/">右下角可关闭和最小化悬浮层 </a></li>
				<li><a class="nl" href="www.51qianduan.com/">右下角可关闭和最小化悬浮层 </a></li>
			</ul>
		</div>
	</div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript" src="js/cookie.js"></script> 
<script type="text/javascript">
$(function (){
     if($.cookie("isClose") != 'yes')
     {
      TanChuang();
      setTimeout("minTanChuang()",5000); //测试5秒自动关闭
     }
});   
function minTanChuang()
{
  $("#btn_min").click();
}
function TanChuang() {
    var oDiv = document.getElementById('miaov_float_layer');
    var oBtnMin = document.getElementById('btn_min');
    var oBtnClose = document.getElementById('btn_close');
    var oDivContent = oDiv.getElementsByTagName('div')[0];
    var iMaxHeight = 0;
    var isIE6 = window.navigator.userAgent.match(/MSIE 6/ig) && !window.navigator.userAgent.match(/MSIE 7|8/ig);
    oDiv.style.display = 'block';
    iMaxHeight = oDivContent.offsetHeight;
    if (isIE6) {
        oDiv.style.position = 'absolute';
        repositionAbsolute();
        miaovAddEvent(window, 'scroll', repositionAbsolute);
        miaovAddEvent(window, 'resize', repositionAbsolute);
    }
    else {
        oDiv.style.position = 'fixed';
        repositionFixed();
        miaovAddEvent(window, 'resize', repositionFixed);
    }
    oBtnMin.timer = null;
    oBtnMin.isMax = true;
    oBtnMin.onclick = function() {
        startMove
    (
      oDivContent, (this.isMax = !this.isMax) ? iMaxHeight : 0,
      function() {
          oBtnMin.className = oBtnMin.className == 'min' ? 'max' : 'min';
      }
    );
    };
    oBtnClose.onclick = function() {
        oDiv.style.display = 'none';
        oDiv.innerHTML = "";
     $.cookie("isClose",'yes',{ expires:1/8640});  //测试关闭十秒后才能再次弹出
    };
};
</script>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 浮动 悬浮 悬浮层 悬浮框 浮动层 浮动框 浮动插件 悬浮插件 收缩展开 展开收缩 收缩 展开 浮动提示框 底部固定层 底部悬浮 图片收缩展开 图片收缩 图片展开

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到