`
aideehorn
  • 浏览: 260750 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

将图像固定在页面右下角

JavaScriptHTML 
阅读更多

<HTML>

  <HEAD>

    <TITLE></TITLE>

  </HEAD>

  <BODY onload="checkLocation();">

    <SCRIPT language="javascript">

      function checkLocation()

      {

          x=document.body.clientWidth-RB.width +document.body.scrollLeft;

          y=document.body.clientHeight-RB.height +document.body.scrollTop;

          RB.style.pixelLeft=x;

          RB.style.pixelTop=y;

          setTimeout("checkLocation()",10);

      }

    </SCRIPT>

    <IMG id=RB style="left: 63px; position: absolute; top: 33px"

          src="images/smallmouse.jpg" >

    <SCRIPT language=javascript>

      for (i=0;i<100;i++)

          {

              document.write("<BR>");

          }

          for (i=0;i<200;i++)

          {

              document.write("&nbsp;");

          }

    </SCRIPT>

  </BODY>

</HTML>

分享到：
| iframe模拟frame拖动（兼容ie&ff）
评论
发表评论

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

相关推荐

    仿百度竞价右下角浮动代码

    这个标题所提及的代码，主要是为了实现类似百度竞价广告那样，能够在用户浏览页面时始终保持在右下角显示的效果。这种浮动元素常用于推广、广告或者客服联系方式，它不会随着页面滚动而消失，从而提高用户关注度。 ...

    仿嘻嘻哈哈右下角固定的二维码代码，无JS，纯CSS代码，兼容主流浏览器.rar

    这段代码将创建一个名为.qrcode的类，该类的元素会固定在页面的右下角。`bottom: 0` 和 `right: 0` 是关键，它们分别设置元素距离视口底部和右侧的距离为0，从而实现定位。 此外，为了在没有JavaScript的情况下显示...

    jQuery网页右下角悬浮在线客服代码

    - `position: fixed`：使客服窗口固定在浏览器的右下角，不受页面滚动影响。 - `bottom` 和 `right` 属性设定窗口距离页面底部和右边的距离。 - `z-index` 属性确保客服窗口位于其他元素之上。 - 可能还有其他...

    网页右下角视频播放器

    网页右下角的视频播放器通常是指嵌入在网站页面底部右侧的一种媒体播放组件，它允许用户在浏览网页的同时观看视频内容，提升了用户体验。这种播放器常见于新闻网站、在线教育平台以及视频分享站点等。下面我们将深入...

    右下角浮动

    对于“右下角浮动”，我们通常会选择使用`position: fixed`，因为它能确保元素始终固定在屏幕的右下角。然后，我们通过设置`bottom`和`right`属性来指定元素距离页面底部和右侧的距离。例如： ```css .element { ...

    网页右下角弹出提示窗口

    以下将详细介绍如何利用这些技术实现在网页右下角创建一个可最小化和关闭的提示窗口。 首先，`index.html`是网页的主文件，它包含HTML结构。要实现弹出窗口，我们需要创建一个固定在屏幕右下角的元素，如一个div。...

    jQuery网页右下角悬浮在线客服代码.zip

    在线客服窗口可能通过CSS定位（如`position: fixed`）固定在屏幕右下角，利用jQuery监听用户的交互事件来控制客服窗口的显示和隐藏。窗口的内容可能包括一个聊天框、一个发送按钮以及一个接收消息的地方。可能还会...

    在图片右上角显示状态

    标题“在图片右上角显示状态”涉及到的技术点主要与图像处理和前端开发相关，特别是如何在网页上动态地在图像的右上角添加状态指示器。这通常用于展示图片加载状态、用户交互状态（如点赞、评论）或者提供一些额外的...

    网页右下角tab标签样式在线客服代码.zip

    在线客服的Tab标签通常会作为页面的一个固定元素，位于浏览器窗口的右下角，以便用户在任何时候都能轻松找到并发起聊天。HTML代码会包含一个触发客服对话框显示或隐藏的按钮元素，可能使用`&lt;div&gt;`或者`&lt;a&gt;`标签，并...

    网页右下角弹出层可最小化可关闭

    `可以让弹出层始终固定在屏幕右下角；`bottom`和`right`属性可以调整具体位置；`transition`属性则可以添加平滑的动画效果，比如缓缓弹出。 3. **JavaScript交互**： 文件`ctunion.js`很可能包含了处理弹出层交互...

    jQuery+CSS3右下角图标菜单代码.zip

    本篇文章将围绕"jQuery+CSS3右下角图标菜单代码.zip"这一主题，深入解析其工作原理，并探讨如何利用这些代码实现一个实用且具有视觉吸引力的右下角图标菜单。 首先，我们要理解这个项目的基本结构。从提供的文件名...

    CSS网页右下角悬浮在线人工客服和二维码代码.zip

    通过CSS，可以实现元素的定位（如绝对定位，使元素固定在屏幕右下角），以及浮动效果，确保元素始终在页面底部且跟随滚动条移动。 2. **jQuery** 插件: jQuery是一个广泛使用的JavaScript库，它简化了DOM操作、事件...

    jQuery右下角悬浮客服代码.zip

    【jQuery右下角悬浮客服代码】是一个用于网页中的交互式设计元素，它通常出现在页面的右下角，为用户提供即时的在线客服支持。这个代码基于jQuery库，一个广泛使用的JavaScript库，提供了丰富的DOM操作、事件处理和...

    javascript图片完全固定在左、右、上、下，兼容IE6

    这里用来设置背景图像，使其在 IE6/7 下也能正确地跟随页面滚动。 #### 四、JavaScript 功能解析 由于提供的代码片段中并没有包含具体的 JavaScript 代码，我们可以假设这里使用了 JavaScript 来进一步增强元素的...

    js+css3全屏折角导航菜单和右下角悬浮分享按钮特效.zip

    标题中的"js+css3全屏折角导航菜单和右下角悬浮分享按钮特效.zip"指的是一款结合JavaScript（JS）和CSS3技术实现的网页交互效果，包括一个全屏的折角导航菜单和页面右下角的悬浮分享按钮。这种特效能够提升网站的...

    支持图文混合列表的网页右下角浮窗广告特效源码.zip

    网页右下角浮窗广告是网站推广和宣传的常见手段之一，它能够在用户浏览页面时以不打扰用户体验的方式展示广告信息。"支持图文混合列表的网页右下角浮窗广告特效源码.zip"是一个专为实现此类效果而设计的前端代码资源...

    网页右下角飘浮广告 可多幅图切换轮换广

    网页右下角的飘浮广告是一种常见的网页营销手段，它能够在用户浏览页面时持续吸引注意力。这种广告设计通常包括多幅图像的切换轮换，以展示不同的产品或服务信息，同时保持界面的动态感和吸引力。在技术实现上，这种...

    jQuery网站右侧悬浮带二维码返回顶部代码.zip

    在这个项目中，jQuery被用来监听滚动事件，当用户向下滚动页面时，悬浮的返回顶部按钮会显示出来；当用户向上滚动时，按钮则隐藏。此外，点击这个按钮，页面会平滑地滚动到顶部，提升用户的浏览体验。 其次，...

    jQuery右下角广告代码，可缩小、点击后恢复.rar

    我们可以创建一个div元素作为广告的基础结构，将其定位在页面的右下角。例如： ```html 广告图片" /&gt; 广告文字 ``` 2. **CSS样式**：使用CSS将广告容器定位到页面的右下角，并设置初始大小。我们可以使用`...

    网页右下角3秒自动弹出悬浮在线客服代码.zip

    为了实现悬浮效果，通常会使用`position: fixed`，将其固定在屏幕的右下角。 `images`文件夹则包含可能用到的图像资源，如客服图标、对话框背景图或者关闭按钮等。这些图片会被引用到CSS文件中，作为背景图像或者...

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