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实现侧浮窗与中浮窗切换效果的方法,看完这篇文章,大家是否对这方面知识有所了解了?想知道更多相关信息,敬请留意我们的网站。