`

一段好用的浮动窗口代码

 
阅读更多 

www.111cn.net
<script>
客服果果=function (id,_top,_left){
	var me=id.charAt?document.getElementById(id):id, d1=document.body, d2=document.documentElement;
	d1.style.height=d2.style.height='100%';me.style.top=_top?_top+'px':0;me.style[(_left>0?'left':'right')]=_left?Math.abs(_left)+'px':0;
	me.style.position='absolute';
	setInterval(function (){me.style.top=parseInt(me.style.top)+(Math.max(d1.scrollTop,d2.scrollTop)+_top-parseInt(me.style.top))*0.1+'px';},10+parseInt(Math.random()*20));
	return arguments.callee;
};
window.onload=function (){
	客服果果
	('demo1',100,10)
	('demo2',50,-10)
	var 如果还想要就自己随便加哇哈哈
}
</script>
 <body>
 <div style="height:5000px"></div>
  <img src="http://www.111cn.net/banner/banner.gif" id="demo1" />
  <img src="http://www.111cn.net/banner/banner.gif" id="demo2" />
  <img src="http://www.111cn.net/banner/banner.gif" id="demo3" />
  <img src="http://www.111cn.net/banner/banner.gif" id="demo4" />
  <img src="http://www.111cn.net/banner/banner.gif" id="demo5" />
  <img src="http://www.111cn.net/banner/banner.gif" id="demo6" />
 </body>
 
分享到：
| Oracle 10g 升级错误解决
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    基于页面的浮动窗口 javaScript 代码

    这段代码确保了当用户向上滚动时，浮动窗口不会超出屏幕顶部；当向下滚动时，窗口会跟随并保持在屏幕上方。 在提供的压缩包文件`fudong.jsp`中，很可能是包含了上述代码的实现。如果你需要进一步的定制，比如添加...

    QQ在线浮动窗口插件,asp版

    在这个特定的场景下，`admin.asp`可能包含设置QQ号、在线状态显示规则、浮动窗口样式等参数的代码。管理员可以通过修改这个页面来定制插件的行为，如设置显示的QQ账号，调整浮动窗口的位置、大小、颜色等外观属性。 ...

    QQ浮动客服代码

    通过在网页中插入一段JavaScript代码，可以创建一个浮动元素，并设置其位置、样式和交互事件。例如，当用户点击浮动图标时，会弹出一个QQ聊天窗口或者跳转到指定的QQ交谈页面。 二、CSS设计 CSS用于美化和定位浮动...

    java Swing 气泡浮动提示窗口代码

    例如，窗口可能会逐渐出现，显示一段时间后自动消失。 6. **窗口置顶**：通过尝试调用`JWindow`的`setAlwaysOnTop`方法来判断系统是否支持窗口始终在最上方显示。如果JRE版本支持，用户可以选择让提示窗口始终位于...

    微信图片浮动代码

    本文将深入解析一段用于实现微信图片浮动功能的JavaScript代码，帮助读者理解其工作原理，并掌握如何根据需求进行个性化定制。 #### 浮动窗口的基本概念 浮动窗口（或称悬浮窗）是指在页面滚动时，某些元素会相...

    网页浮动广告窗口

    这段代码展示了创建右栏浮动广告的JavaScript实现。`&lt;script&gt;`标签内包含了定义广告元素的HTML和控制其行为的JavaScript函数。`&lt;DIV&gt;`元素设置了ID为`searchspe`，并用CSS属性`position: absolute;`、`right: 1px;`...

    可隐藏的QQ浮动客服代码

    当用户不再与客服窗口交互时，可以设置一个计时器，一段时间后自动隐藏客服窗口。反之，如果用户鼠标悬停在客服窗口上，计时器会被清除，窗口保持打开状态。 5. **QQ集成**： QQ浮动客服通常会与腾讯提供的QQ客服...

    Android视频浮动窗口源码.zip

    这个"Android视频浮动窗口源码.zip"压缩包很可能是提供了一个实现此类功能的示例代码。让我们深入探讨一下Android视频浮动窗口的实现原理和相关技术点。 首先，Android系统从API Level 16（Android 4.1 Jelly Bean...

    Jquery浮动窗与页面定时跳转

    在这个“Jquery浮动窗与页面定时跳转”的主题中，我们将深入探讨如何在ASP.NET环境中利用jQuery来创建浮动窗口，并在其中实现定时跳转功能，同时也会涉及在框架外的页面定时跳转。 首先，让我们理解jQuery浮动窗口...

    网页中浮动QQ客服代码

    然后，将这段代码嵌入到你的网页源代码中，通常是或部分。代码中会包含样式表（CSS）来控制浮动窗口的外观和位置，以及JavaScript来处理点击事件和打开聊天窗口。 此外，也可以通过自定义开发实现浮动QQ客服功能。...

    QQ浮动代码QQ在线

    这是一段JavaScript或者HTML代码，可以嵌入到网页中，创建一个浮动的QQ图标或按钮。当用户点击这个图标时，会弹出一个小窗口，展示QQ在线状态，并允许用户直接通过网页发送消息到指定的QQ账号。这种代码通常基于腾讯...

    用JS实现网页浮动窗口随窗口滚动（类似于客服窗口）

    首先，我们需要定义一个基本的CSS样式来控制浮动窗口的外观。例如，在给定的代码片段中，“.gmn_cart”类被用来定义浮动窗口的样式： ```css .gmn_cart { width: 130px; /* 设置宽度 */ z-index: 1; /* 设置层叠...

    广告浮动代码

    **总结**：通过以上分析可以看出，本段代码实现了一种基于JavaScript的广告浮动效果。通过监听滚动事件并实时更新广告的位置，使得广告能够在页面滚动时始终出现在用户视野中，从而提高广告的可见性和互动性。这种...

    可关闭的jQuery右下角浮动提示框窗口代码

    "可关闭的jQuery右下角浮动提示框窗口代码"是一个实现这一目标的有效工具。这个代码库提供了一种方式，可以在用户界面的右下角创建一个可浮动、可关闭的提示窗口，用于显示通知、更新或重要信息。这种设计模式在现代...

    jQuery版简单易用的可拖动右下角浮动窗口特效.zip

    为了实现拖动效果，我们需要编写一段jQuery代码。这段代码会监听鼠标的`mousedown`、`mousemove`和`mouseup`事件，当鼠标按下时记录初始位置，鼠标移动时更新窗口位置，鼠标释放时停止更新。代码如下： ```...

    Android源码——视频浮动窗口源码_new_66.zip

    源码文件"Android 视频浮动窗口源码"则包含了实现以上步骤的具体代码，你可以通过阅读和分析这段代码来学习如何实现一个功能完备的视频浮动窗口。 在实际开发中，还需要考虑兼容性问题，因为从Android 6.0（API级别...

    QQ浮动代码下载

    首先，"QQ浮动代码"指的是在网页中嵌入的一段JavaScript或HTML代码，它会在页面的某个角落显示一个QQ图标或者窗口，用户点击后可以弹出一个对话框，直接与网站的客服人员进行聊天。这种方式使得用户无需离开当前页面...

    Android 浮动窗口-IT计算机-毕业设计.zip

    在Android平台上，浮动窗口（通常被称为“悬浮窗”或“悬浮应用”）是一种可以在其他应用程序之上显示的小型窗口。这种技术常用于实现辅助工具、快捷操作或者多任务处理功能。在Android开发中，理解如何创建和管理...

    商业编程-源码-类似flashget的浮动窗口的实现.zip

    这个压缩包文件名为“商业编程-源码-类似flashget的浮动窗口的实现.zip”，显然它包含了一段代码，旨在实现一个功能类似于FlashGet的浮动窗口。FlashGet是一款知名的下载管理器，其特色的浮动窗口可以在桌面的任何...

    JavaScript实现上下浮动的窗口效果代码

    最后，在描述的末尾提到了一段文本未完全扫描成功，但可以推测出的是，该段落可能包含了进一步对代码进行解释和讨论的内容，以及对浮动窗口动画效果的具体实现细节。 综上所述，这篇文档详细地介绍了如何使用...

Magicbox
Global site tag (gtag.js) - Google Analytics