`

一个JS文件控制所有的浮窗

阅读更多
//自动检测是否加载jquery
(function(){
	if(typeof jQuery == 'undefined'){
		document.write('<script src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js\"><\/script>');
	}
})();

function openZoosUrl(str)
{
	//location.href="/zxqq/";
	
	var w = screen.width * 0.86;     //宽度
	var h = screen.height * 0.8;   //高度
	var l = (screen.width-w)/2; //离左边距离
	window.open("http://www.onestopweb.cn/zixun/?f=" + str,'新开googleWin1',"height="+h+", width="+w+", top=0, left="+l+",toolbar=no, menubar=no, scrollbars=no, resizable=no, location=n o, status=no")
}

function goto_qq()
{
	location.href="http://www.onestopweb.cn/zxqq/";
	//window.open("/zxqq/");
}


//左侧 QQ
document.write('	<div id="qqBox" style="display: block;z-index: 2147483647; position: fixed !important; left: 10px; top: 50px;">	');
document.write('		<img src="http://www.onestopweb.cn/swt/swt_left.jpg" border="0" usemap="#qqBoxMap"  />	');
document.write('		<map name="qqBoxMap" id="qqBoxMap">	');
document.write('			<area shape="rect" coords="91,5,133,26" href="javascript:void(0)" onclick="qq_hide();return false;" />	');
document.write('			<area shape="rect" coords="18,277,118,303" href="javascript:void(0)" onclick="goto_qq();return false;" />	');
document.write('		</map>	');
document.write('	</div>	');


//右侧商务通
document.write('	<div id="swtBox" style="display: none;position:fixed; _position:absolute; top:50px; right:10px; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight)); border:none; z-index:99999; cursor: pointer; ">	');
document.write('		<a href="javascript:void(0)" onclick="hide_swt()" style="display:block; _position:absolute; cursor:pointer;" >	');
document.write('			<img src="http://www.onestopweb.cn/swt/x.gif" border="0" />	');
document.write('		<a href="javascript:void(0)" onclick="openZoosUrl();return false;" rel="nofollow" target="_blank">	');
document.write('			<img src="http://www.onestopweb.cn/swt/YumDamMTR.gif" border="0" /></a>	');
document.write('	</div>	');


//中间部分的商务通
document.write('<div id="centerBox" style="display:block;">	');
document.write('	<div id="centerBox2" style="z-index: 2147483647; position: fixed !important; left: 50%; margin-left: -240px !important; top: 50%; margin-top: -210px !important;">	');
document.write('		<img src="http://www.onestopweb.cn/swt/zxswt.gif" width="419" height="340" border="0" usemap="#SwtMap" />	');
document.write('		<map name="SWTMap" id="SWTMap">	');
document.write('			<area shape="rect" coords="382,5,411,30" href="javascript:void(0)" onclick="hide_center();return false;">	');
document.write('			<area shape="rect" coords="2,1,419,307" href="javascript:void(0)" onclick="openZoosUrl(\'center_swt\');return false;">	');
document.write('			<area shape="rect" coords="191,308,419,342" href="javascript:void(0)" onclick="openZoosUrl(\'center_swt\');return false;">	');
document.write('			<area shape="rect" coords="92,310,188,338" href="javascript:void(0)" onclick="hide_center();return false;">	');
document.write('		</map>	');
document.write('	</div>	');
document.write('</div>	');


//隐藏左侧 QQ
function qq_hide()
{
	document.getElementById('qqBox').style.display = 'none';
}

//隐藏右侧 商务通
function hide_swt()
{
	document.getElementById('swtBox').style.display = 'none';
}

//隐藏中间部分 商务通
function hide_center()
{
	document.getElementById('centerBox').style.display = 'none';
	document.getElementById('swtBox').style.display = 'block';
}


//重新显示所有 广告
function show_swt()
{
	document.getElementById('qqBox').style.display = 'block';
	document.getElementById('swtBox').style.display = 'block';
	document.getElementById('centerBox').style.display = 'block';
}


//每个30秒执行一次
setInterval(show_swt,30000);


//这里可以放一些统计代码
document.writeln('<div style="display:none">');
document.writeln('');
document.writeln('</div>');

 

1
3
分享到:
评论
1 楼 戢_时光 2015-08-31  

相关推荐

    亲测可用 e4a 易安卓 BG悬浮窗类库 类库 易安卓悬浮窗类库 e4a悬浮窗

    在提供的压缩包文件中,"BG悬浮窗类库类库.elb" 文件很显然是一个针对e4a的悬浮窗功能的类库。悬浮窗是一种在Android应用中常用来显示实时信息或提供快捷操作的UI元素,它可以在其他应用之上显示,给用户带来便捷的...

    E4A悬浮窗类库,面板悬浮窗类库

    在E4A中,使用悬浮窗类库首先需要导入相关的库文件,例如`悬浮框类库.elb`。导入后,开发者可以通过创建类库中的特定对象来实例化悬浮窗。通常,会有一个初始化函数,接受参数如窗口大小、初始位置、透明度等。 2....

    jsp悬浮窗deom

    描述中的"有需要的朋友可以看看"暗示了这个压缩包可能包含了一个示例或教程,帮助开发者理解如何在JSP中实现悬浮窗。`xw素材.htm`可能是包含教程内容的HTML页面,`index.html`可能是示例应用的主入口页面,而`.url`...

    JS 手机浮窗

    浮窗通常是一个包含文本、图片或按钮的容器,例如: ```html 浮动标题 浮动内容 点击我 ``` CSS样式对于浮窗的外观至关重要。可以使用相对单位(如百分比或vw/vh)来确保浮窗在不同屏幕尺寸下都能正确显示。...

    弹出登陆注册浮窗

    `register1.js`和`login1.js`可能是处理注册和登录逻辑的JavaScript文件,它们可能包含了上面提到的事件监听和DOM操作。`pop1.js`可能包含了浮窗的通用操作,比如初始化、关闭和动画效果。 在`register1.js`和`...

    aj-优秀的悬浮窗案例(两个).rar

    在“aj-优秀的悬浮窗案例(两个).rar”这个压缩包中,包含了两个关于悬浮窗功能的示例脚本,即`Auto.JS悬浮按钮(第二版).js`和`Auto.JS悬浮按钮大柒(第二版).js`。 悬浮窗功能在很多应用中都很常见,例如,它可以...

    div层悬浮窗和锁屏

    在网页设计和开发中,"div层悬浮窗和锁屏"是一个常见的需求,尤其是在构建交互式用户界面时。Div层通常被用作HTML布局的基本构建块,可以用来创建各种元素,如弹出框、提示信息或者浮动窗口。悬浮窗则是指在用户滚动...

    JavaScript右侧客服在线浮窗代码.zip

    3. **动态显示和隐藏**:使用JavaScript的DOM操作,可以改变元素的可见性,比如修改`style.display`属性值为`block`或`none`,来控制浮窗的显示与隐藏。 4. **返回顶部功能**:通常这个功能是通过添加一个“回到...

    微信小程序中悬浮窗功能的实现代码

    在微信小程序中,悬浮窗通常指一个浮动在页面之上、可以随用户操作而移动的小窗口组件。它在用户界面中起到了信息展示、操作快捷入口等作用,常见于消息提醒、工具按钮等场景。 微信小程序提供了view组件作为基本的...

    web中实现浮窗,类似百度登陆

    浮窗通常是一个模态对话框,可以通过CSS控制其位置、大小和透明度。HTML代码中,我们可以创建一个`&lt;div&gt;`元素作为浮窗容器,并设置相应的ID以便后续JS操作: ```html &lt;span class="close"&gt;&times; 用户名: ...

    web网站浮动飘窗(有隐藏)

    在`&lt;head&gt;`中,我们可能引入了`move.js`这个JavaScript文件,这是用来实现浮动飘窗动态效果的脚本。 接着,我们来看JavaScript部分。`move.js`文件是这个功能的核心,它负责控制浮动飘窗的动态行为。JavaScript是一...

    JQ 中部浮窗

    "JQ中部浮窗"这个主题涉及到如何在网页的中间位置实现一个始终可见的浮动窗口,这在网页设计中常用于显示通知、广告或者重要的信息提示。 首先,我们需要理解jQuery的基本用法。jQuery库通过提供简洁的API来操作DOM...

    js窗口特效大全

    JavaScript(简称JS)是一种轻量级的编程语言,主要用于网页和网络应用的开发。在网页设计中,JS常被用来实现各种动态效果和交互性功能,包括窗口特效。"js窗口特效大全"这个主题涵盖了利用JavaScript实现的各种窗口...

    浮窗反馈留言js代码|浮窗反馈留言表单.rar

    浮窗反馈留言js代码是一种常见的前端技术应用,用于在网页上实现一个动态显示的反馈留言功能。这个功能通常会以浮窗的形式出现在页面的角落或中心,方便用户随时提交问题或建议,无论他们正在浏览网站的哪个部分。...

    js方土豆网右下角悬浮导航窗口

    【js方土豆网右下角悬浮导航窗口】是一种常见的网页交互设计,主要利用JavaScript语言实现。在网页浏览过程中,这种导航窗口通常位于页面的右下角,能够随着用户滚动页面而始终保持在可视区域内,为用户提供便捷的...

    用div实现悬浮窗+锁屏(防弹出窗体)

    在"悬浮窗"的实现中,通常会创建一个`div`作为弹出窗口的容器,然后使用CSS定位使其悬浮在页面的特定位置。这可以通过设置`position`属性为`absolute`或`fixed`,并调整`top`, `bottom`, `left`, 和 `right`属性来...

    jQuery可拖动窗口提示信息代码.zip

    首先,jQuery库是JavaScript的一个轻量级框架,它简化了DOM操作、事件处理、动画效果和Ajax交互。在这个特定的应用中,jQuery的灵活性和易用性使得实现这样的可拖动窗口变得相对简单。它通过绑定鼠标事件(如...

    客服漂浮窗源文件

    3. JavaScript文件:可能包含用于处理用户交互、控制漂浮窗显示和隐藏的逻辑代码。例如,当用户点击某个按钮时,JavaScript会触发显示或隐藏漂浮窗的功能。此外,可能还涉及到与后端服务器的通信,如发送聊天消息。 ...

    HTML 纯CSS浮窗兼容IE6+

    本文将深入探讨如何使用CSS解决这一挑战,创建一个在所有主流浏览器(包括IE6)上都能正常工作的浮窗组件。 首先,浮窗(通常称为弹出窗口或浮动层)是一种常见的网页元素,用于显示额外信息、广告、提示或交互式...

    javascript飘窗

    - JavaScript文件:可能包含了使用jQuery实现的飘窗逻辑。 - 图片或其他媒体资源:可能用于飘窗内容或关闭按钮的图形。 通过解压这个压缩包,并在本地环境中运行这些文件,你可以看到实际的飘窗效果,并根据需要...

Global site tag (gtag.js) - Google Analytics