`
thjjava
  • 浏览: 27057 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

jsp页面 图片悬浮

 
阅读更多
<SCRIPT FOR=window EVENT=onload LANGUAGE="JavaScript">
initAd();//载入页面后,调用函数initAd()
</SCRIPT>
<script language="JavaScript">
<!--
function initAd() {
document.all.AdLayer.style.posTop = -200;
//设置onLoad事件激发以后,广告层相对于固定后的y方向位置
document.all.AdLayer.style.visibility = 'visible'//设置层为可见
MoveLayer('AdLayer');//调用函数MoveLayer()
}
function MoveLayer(layerName) {
var x = 600;//浮动广告层固定于浏览器的x方向位置
var y = 300;//浮动广告层固定于浏览器的y方向位置
var diff = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = y");
eval("document.all." + layerName + ".style.posLeft = x");//移动广告层
setTimeout("MoveLayer('AdLayer');", 20);//设置20毫秒后再调用函数MoveLayer()
}
//-->
</script>
<!--下面为一个ID为AdLayer的层(如ID名不为AdLayer,
上面MoveLayer()内的AdLayer也要作相应修改),包括一张带链接的图片-->
<div id=AdLayer style='position:absolute; width:61px; height:59px; z-index:20; visibility:hidden;; left: 600px; top: 300px'>
<a href="http://linhe.net"><img src='http://linhe.net/logo.gif' border="0" height="31" width="88"></a>
</div>
分享到:
评论

相关推荐

    纯js带二维码的qq在线客服悬浮代码

    【纯js带二维码的qq在线客服悬浮代码】是一款基于JavaScript技术实现的网页在线客服系统,其特点是能够在网页的右侧面板悬浮显示,并随着用户滚动页面而保持固定位置,增加了用户体验的便捷性。此代码适用于那些希望...

    jsp中的视频和浮动效果

    本篇文章将详细探讨如何在JSP页面中集成视频以及创建浮动效果。 首先,让我们来看看如何在JSP中嵌入视频。常见的视频格式有MP4、WebM和Ogg,这些格式都支持HTML5的`&lt;video&gt;`标签。在JSP文件中,我们可以直接使用...

    Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法

    本文介绍了使用Layui框架实现数据表格中图片鼠标悬浮放大以及鼠标离开后图片恢复原图的方法,以下是详细介绍的知识点: 1. **Layui框架**:Layui是一个模块化前端UI框架,它提供了一系列丰富的网页组件和功能,如...

    DIV+CSS网页设计效果2

    在"导航菜单"的实现中,DIV和CSS的组合可以创建出各种响应式和动态的菜单效果,如下拉菜单、悬浮菜单等,这些菜单在用户导航网页时提供了良好的用户体验。 表单处理是网页设计中的重要部分,"表单处理"涉及到用户...

    百度谷歌一样的提示框

    标题中的“百度谷歌一样的提示框”指的是在网页应用中实现的一种与百度和谷歌搜索结果页面相似的弹出提示效果。这种提示框通常用于提供搜索建议、用户反馈或信息提示等功能,提升用户体验。它可能包含一些动态加载的...

    鼠标悬浮停留三秒后自动显示大图js代码

    鼠标悬浮停留三秒后显示大图,在网页中还是比较实用的 &lt;style&gt; *{margin:0;padding:0;list-style-type:none;} img,a{border:0;} .piccon{height:75px;margin:100px 0 0 50px;} .piccon li{float:left;padding...

    基于jquery实现的鼠标悬停提示案例

    9. **图片悬浮效果**:虽然示例中没有直接实现,但可以进一步修改代码,将`#tooltip`的`innerHTML`设置为图片的HTML代码,从而实现图片悬浮提示的效果。 总的来说,这个案例展示了如何利用jQuery事件和DOM操作创建...

    AJAX基础概念、核心技术与典型案例(内涵动态实例)

    /periodcal.jsp 上传文件后台处理页面 / prototype.js prototype框架类库文件 第21章(/ch21) 程序描述:本章将实现通过滑块来显示分页数据的功能。传统的分页方式,多数是通过单击按钮的方式来显示...

    JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解

    而这个新窗口可以包含任何内容,如文本、图片、表单等。 在JavaScript中,我们使用DOM(文档对象模型)操作来动态创建元素,设置样式以及控制这些元素的行为。在这份文档中,实现了一个弹出窗口的函数,称为`...

    五子棋程序

    JSP是一种用于生成动态网页的技术,它将静态页面和动态脚本相结合,通过服务器端处理后返回给客户端。在本项目中,主要利用JSP进行页面布局设计以及用户交互逻辑的实现。 ##### 2. CSS (Cascading Style Sheets) ...

    20套大数据大屏展示echarts模板.zip

    每个模板内部可能包含HTML(页面结构)、CSS(样式控制)、JavaScript(数据处理与ECharts配置)以及可能的图片资源。通过学习和使用这些模板,用户可以了解如何有效地利用ECharts库来创建美观且实用的大数据展示...

    基于Echats的可视化大屏数据可视化demo.rar

    - **其他可能的文件**:可能包括CSS样式表(如`style.css`)、JavaScript脚本(如`script.js`)、图片资源(如图标或背景图)以及字体文件(用于自定义图表的文字样式)。 **5. 使用ECharts创建大屏步骤** 1) 引入...

    【叨、校长】一个基于Jquery的Metro布局

    开发者可以利用这些预定义的样式快速构建具有Metro风格的页面,但本案例中可能是通过jQuery来实现动态效果。 3. **布局原理**:Metro布局的核心是将内容组织成可自适应大小的格子,这些格子可以根据屏幕尺寸自动...

Global site tag (gtag.js) - Google Analytics