jQuery实现侧浮窗与中浮窗切换效果的方法

来源:爱站网时间:2019-09-05编辑:网友分享
jQuery实现侧浮窗与中浮窗切换效果的方法大家清楚吗?其实在jquery挂起页面的右侧具有上下箭头和消息按钮,下面就由爱站技术频道小编给大家介绍一下吧!

jQuery实现侧浮窗与中浮窗切换效果的方法大家清楚吗?其实在jquery挂起页面的右侧具有上下箭头和消息按钮,下面就由爱站技术频道小编给大家介绍一下吧!

具体如下:

html部分:





浮动窗


JS部分:

/*设置聊天窗口路径*/
var swt_url = '/zixun/';
/*侧边浮窗*/
var str = '';
str += '';
/*关闭侧边浮窗*/
function close_swt(id){
  document.getElementById(id).style.display = "none";
  setTimeout(function(){
    document.getElementById(id).style.display = "block";
  },10000);
};
/*浮动侧边浮窗*/
var UAI = navigator.userAgent;
var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone");
for(var v = 0; v  0){
    zx = 'yes';
    break;
  }else{
    zx = 'ok';
  }
}
if(zx == 'ok'){
  $('.swt_disease li img').live('mouseenter',function(){
    $(this).stop().animate({top: '-69px'},"slow");
  }).live('mouseleave',function(){
    $(this).stop().animate({top:'0px'},"slow");
  });
  document.writeln(str);
  setInterval(function(){
    var num = Math.ceil(Math.random()*6);
    $('.swt_disease li img').eq(num).animate({top: '-69px'},"slow");
    $('.swt_disease li img').eq(num).animate({top: '0px'},"slow");
  },4000);
}
/*中间浮窗*/
document.writeln('');
var midpop='';
document.write(midpop);
setTimeout("loadmid()",10000);
setTimeout("loadright()",0);
function loadmid(){ document.getElementById("midpop").style.display="block";setTimeout("hideright()",0);}
function hidemid() { document.getElementById("midpop").style.display="none";setTimeout("loadmid()",30000);setTimeout("loadright()",0);}
function loadright(){ document.getElementById("swt_animation").style.display="block";}
function hideright() { document.getElementById("swt_animation").style.display="none";}

效果图:

以上这些是爱站技术频道小编给大家介绍的jQuery实现侧浮窗与中浮窗切换效果的方法,看完这篇文章,大家是否对这方面知识有所了解了?想知道更多相关信息,敬请留意我们的网站。

上一篇:BootStrap使用file-input插件上传图片的方法

下一篇:JS查找字符串中出现次数最多的字符

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载