- 浏览: 844309 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (530)
- Java编程 (64)
- C/C++/D (6)
- .Net/C# (9)
- Ruby (12)
- JavaScript (77)
- XML (1)
- JSON (1)
- Ajax (17)
- ExtJs (81)
- YUI (1)
- JQuery (7)
- DWR (1)
- HTML (7)
- CSS (7)
- Database (6)
- PowerDesigner (23)
- DB2 (2)
- Oracle (57)
- MS SQL Server (8)
- MySQL (6)
- JSP/Servlet/JSTL/TagLib (3)
- Spring (1)
- Hibernate (0)
- iText (0)
- Struts (0)
- Struts2 (0)
- iReport (0)
- FreeMarker (0)
- HttpClient (1)
- POI (6)
- FckEditor (15)
- Eclipse / MyEclipse (10)
- IntelliJ IDEA (0)
- NetBeans (0)
- Tomcat (11)
- WebLogic (1)
- Jboss (3)
- jetty (4)
- IIS (2)
- CVS/VSS (1)
- FTP (1)
- Windows/DOS (6)
- Linux/Unix (0)
- 软件建模 UML (0)
- Design Pattern & Thinking In Programming (10)
- 数据结构与算法 (12)
- 软件项目管理 (9)
- 行业应用解决方案 (3)
- 电脑软件与故障解决 (13)
- 编程语言 (1)
- 十万个为什么 (3)
- JBPM (2)
- sysbase (2)
- JDBC (8)
- Ant (2)
- Case-计算机辅助软件工程 (1)
- WebService (4)
- 浏览器 (1)
最新评论
-
gaoqiangjava:
同一楼,还请大手帮解决
JAVA读取word文件 -
hyl523:
// 判断数组中的第一个值是否未定义,如果未定义,便定义为空对 ...
javascript面向对象之二 命名空间 -
ping12132200:
ping12132200 写道我抱着个错不是因为:body标签 ...
extjs在IE报对象不支持此属性或方法 -
ping12132200:
我抱着个错不是因为:body标签内的第一个元素不能为文本tex ...
extjs在IE报对象不支持此属性或方法 -
fireinjava:
呀,不错,转走了,谢谢啦~
利用OpenOffice将word转换成PDF
</html>
<title>制作浮动的广告图片</title>
<script language="javascript" type="text/javascript">
var advInitTop=0;//使层总置于顶端的初始值
function move()
{
window.document.getElementById("advLayer").style.top=advInitTop+window.document.body.scrollTop;
}
window.onscroll=move;//窗口的滚动事件,当页面滚动时调用move()函数
</script>
</head>
<body >
<div id="advLayer" style="position:absolute;left:16px;top:129px;width:180px;height:230px; z-index:1;">
<img src="images/bt.jpg" width="180" height="230"/>
</div>
</body>
例子:带关闭按钮的浮动的广告图片
<head>
<head>
<title>制作浮动的广告图片</title>
<script language="javascript" type="text/javascript">
//使层总置于顶端的初始值
var advInitTop=0;
var closeInitTop=0;
//获取广告图片所在的层上边距的初始值
function inix()
{
advInitTop=parseInt(window.document.getElementById("advLayer").style.top);
closeInitTop=parseInt(window.document.getElementById("closeLayer").style.top);
}
//使用广告图片所在的层与滚动条同步移动
function move()
{
document.getElementById("advLayer").style.top=advInitTop+parseInt(window.document.body.scrollTop);
document.getElementById("closeLayer").style.top=closeInitTop+parseInt(window.document.body.scrollTop);
}
//隐藏advLaayer closeLayer 并不为被隐藏的对象保留其物理空间
function closeMe()
{
window.document.getElementById("closeLayer").style.display="none";
window.document.getElementById("advLayer").style.display="none";
}
//窗口的滚动事件,当页面滚动时调用move()函数
window.onscroll=move;
</script>
</head>
<body onload="inix()">
<div id="advLayer" style="position:absolute;left:16px;top:80px;width:302px;height:171px; z-index:1;">
<img alt="adv" src="images/lady_0007.jpg" width="302" height="171"/>
</div>
<div id="closeLayer" onclick="closeMe()"style="position:absolute;left:214px;top:230px;width:27px;height:19px;z-index:2;">
<img alt="close" src="images/close.gif"/>
</div>
例子: 动态显示图片
<head>
<title>动态显示图片</title>
<script language="javascript" type="text/javascript">
var arr=new Array();
arr[0]="images/arrow.gif";
arr[1]="images/back.jpg";
arr[2]="images/bt.jpg";
var i=0;
function showPic()
{
if(i>2)
{
i=0;
}
window.document.getElementById("pic").src=arr[i++];
window.setTimeout("showPic()",1000);
}
</script>
</head>
<body onload="showPic()" >
<div id="a" style="left:20px;top:50px;width:200px;height:180px;">
<img id="pic"src="" alt="pic" style="left:20px;top:50px;width:200px;height:180px;" />
</div>
</body>
例子: 飘浮广告
<head>
<head>
<title>飘浮广告</title>
<script language="jscript" type="text/javascript">
//漂浮广告的初始位置
var x=50,y=60;
//xin为真,则向右运动,否则向左运动.
//yin为真,则向右运动,否则向左运协.
var xin=true,yin=true;
//移动的距离
var step=1;
//移动的步长
var delay=10;
function floatAD()
{
//L左边界,T右边界
var L=T=0;
//层移动的右边界
var R=window.document.body.offsetWidth-window.document.getElementById("fly").offsetWidth;
//层移动的下边界
var B=window.document.body.offsetHeight-window.document.getElementById("fly").offsetHeight;
//层移动后的左边界
window.document.getElementById("fly").style.left=x;
//层移动后的上边界
window.document.getElementById("fly").style.top=y;
//判断水平方向
x=x+step*(xin?1:-1);
//到达边界后的处理
if(x<L){xin=true;x=L;}
if(x>R){xin=false;x=R}
//判断生直方向
y=y+step*(yin?1:-1);
//到达边界后的处理
if(y<T){yin=true;y=T;}
if(y>B){yin=false;y=B;}
//隔多少时间调用一次
setTimeout("floatAD()",delay);
}
</script>
</head>
<body onload="floatAD()">
<div id="fly" style="position:absolute; left:16px; top:80px; width:295px; height:176px; z-index:1;">
<img src="images/lady_0007.jpg" width="295" height="176"/>
</div>
</body>
</html>
<head>
发表评论
-
javascript面向对象之一 类
2011-06-06 16:46 1001javascript中的类多数是用 ... -
javascript面向对象之二 命名空间
2011-06-06 16:24 1234javascript中本没有命名空间的概念,但是要体现面向对象 ... -
网页特效代码
2011-06-01 16:38 10811. Flip! 一个 jQuery 插件 http://l ... -
js 操作select 大全
2010-11-04 13:49 7401判断select选项中 是否存在Value="pa ... -
Dialog 超酷js弹出层 完美兼容所有浏览器 华丽呈现超强功能
2010-11-03 13:05 1375http://www.iteye.com/topic/4800 ... -
IE6对display:table-row不支持
2010-11-02 19:34 1595http://topic.csdn.net/u/2010070 ... -
javascript中字符串转化为json对象
2010-07-30 09:11 1224http://www.json.org/js.html To ... -
IE6的base标签导致页面结构大混乱
2010-07-20 16:27 1074这是一个非常隐秘也是非常强大的bug,我真不知微软的IE开发人 ... -
汇总让IE6崩溃的几种方法
2010-07-20 16:25 1140经常遇到莫名其妙让IE6崩溃的事情。今天看到了一篇好文章,数字 ... -
JS添加事件处理函数
2010-07-08 23:41 1094作为一种事件驱动的编 ... -
js压缩工具
2010-07-04 23:50 1803javascriptcompressor.com ( ... -
Javascript 中 ShowModalDialog 的使用方法
2010-06-21 16:13 1427ShowModalDialog函数的功能 ... -
xtree的基本应用---入门级
2010-06-21 16:08 1232由于公司要求做一棵关于公司员工选择的JS控件树,以前我们一直使 ... -
javascript实现上传图片前的预览效果
2010-06-16 20:35 1400<script>function yulan(){ ... -
重写window.confirm函数
2010-06-12 11:06 2359重写window.confirm函数为了让它能够默认选择取消按 ... -
改善window的alert提示信息框样式
2010-06-12 11:05 1456<input type="button&quo ... -
jsgraphics图形库
2010-05-10 22:58 1627http://www.walterzorn.com/jsgra ... -
JavaScript图形库jsGraphics
2010-05-10 22:57 2481JavaScript图形库Raphaël < JavaS ... -
千一JS控件
2010-05-10 22:31 871千一JS控件--滑块条 千一JS控件--进度条 千一JS控 ... -
JavaScript 生成曲线图
2010-05-10 22:28 1255引用方法 new gov.Graphic(par1,par2 ...
相关推荐
根据给定文件的信息,我们可以提炼出与“浮动广告”相关的几个关键知识点,包括浮动广告的基本概念、实现原理、以及在实际网页开发中的应用等。 ### 一、浮动广告的概念 浮动广告是一种常见的在线广告形式,它能够...
为了解决这一问题,开发人员通常会采用以下几种方法来判断和获取正确的滚动位置: 1. **检查 `window.pageYOffset`**:在非IE浏览器中,如Firefox、Chrome等,可以使用 `window.pageYOffset` 来获取垂直滚动条的...
总结,JS网页浮动广告是通过HTML、CSS和JS结合实现的一种网页广告形式,它可以是可关闭的或不可关闭的,通过监听用户交互和动态修改元素样式来达到浮动和显示控制的效果。为了提高用户体验,通常会考虑添加动画效果...
浮动广告的实现原理主要涉及到以下几个核心知识点: 1. **CSS定位**:为了使广告元素在页面上浮动,首先需要通过CSS设置其定位属性。通常使用`position: fixed`或`position: absolute`,前者相对于浏览器窗口定位,...
在网页设计中,浮动广告是一种常见的营销策略,用于吸引用户注意力并提高品牌曝光率。本文将详细介绍如何使用兼容各大浏览器的浮动广告JS代码,以及如何实现这一功能。 首先,我们需要理解浮动广告的基本概念。浮动...
淘宝浮动广告是一种常见的在线营销策略,它在网页上以悬浮的方式展示广告,通常是用来吸引用户的注意力,提高品牌曝光度或促进商品销售。这种广告形式在电商网站如淘宝中尤为常见,因为它们能够在用户浏览页面时持续...
淘宝网图片浮动广告代码是一种常见的网页交互元素,用于吸引用户注意力并提高网站的广告效果。在网页设计中,这种广告通常会随着用户滚动页面而上下移动,保持在用户的视野范围内。这种技术结合了JQuery库、div+css...
这个“新浪首页左侧的Js浮动广告代码”可能包含以下几个关键部分: 1. **DOM操作**:JavaScript通过Document Object Model(DOM)来操作HTML元素。在浮动广告中,可能需要获取或创建广告容器元素,并将其插入到页面...
总结来说,实现“左右浮动广告无抖动可关闭隐藏式对联广告”涉及以下几个关键点:浮动布局、防止抖动的优化策略、可关闭功能的实现、隐藏式广告的滚动行为以及全站应用的布局设计。熟练掌握这些技术,不仅可以提升...
浮动广告是一种常见的网页广告形式,它能够在用户浏览网页时跟随用户的滚动而移动,保持在屏幕上的某个位置,从而提高广告的可见度。浮动广告的设计既要考虑用户体验,也要确保广告能够有效地吸引注意力。 #### 二...
浮动广告是一种常见的网络广告形式,它通常出现在网页的侧边或者顶部,随着用户滚动页面而保持在屏幕的固定位置,以此吸引用户的注意力。在本文中,我们将深入探讨浮动广告的实现原理、相关代码以及如何创建和优化...
JavaScript(简称JS)浮动广告是一种常见的网页元素,用于在页面上显示吸引用户注意力的广告,通常会随着用户滚动页面而保持在屏幕上的特定位置。这种广告设计方式旨在提高广告的可见性和点击率,但同时也需要考虑...
其中,右侧浮动广告是一种常见的实现方法。本教程将详细讲解如何利用jQuery库创建一个美观且易于理解的右侧浮动广告代码。 首先,我们需要了解jQuery。jQuery是一个高效、简洁的JavaScript库,它简化了HTML文档遍历...
实现侧面浮动或滚屏图片广告的基本步骤可能包括以下几点: 1. **HTML结构**:首先,需要在HTML中定义广告位的容器,通常是`div`元素,并为其设置合适的CSS样式,如宽度、高度、位置等。 2. **引入jQuery库**:在...
在源码层面,创建一个浮动广告可能包括以下几个步骤: 1. 创建广告容器:使用HTML元素,如`<div>`,并赋予特定的ID或类名。 2. 设置样式:在CSS中,为广告容器设置`position: fixed`,并指定其在页面上的位置(例如`...
在本案例中,"Javascript浮动广告图片代码"是指一种利用JavaScript实现的广告展示技术,这种技术可以让广告在网页上以浮动的方式显示,吸引用户的注意力。 浮动广告,也称为漂浮广告或飞舞广告,通常是指在网页滚动...
浮动广告是一种网页广告形式,它不固定在网页的特定位置,而是相对于浏览器窗口的位置进行浮动,即使用户滚动网页内容,浮动广告仍然能够在指定位置显示。它通常用于放置网站的广告链接、提示信息等。 ### ...
在浮动对联广告的场景中,JavaScript主要负责以下几点: 1. **定位与浮动**:JavaScript可以通过修改元素的CSS属性(如`position`、`left`、`top`等)来实现广告元素的浮动效果。当用户滚动页面时,广告会随着页面...
本文将深入解析“javascript浮动的广告源码”,帮助开发者理解如何利用JavaScript创建浮动广告,并探讨相关的编程技术和注意事项。 一、JavaScript基础知识 JavaScript是ECMAScript(ECMA-262)标准的实现,主要...
在Java中,实现浮动广告主要涉及以下几个技术点: 1. **网页布局**:浮动广告通常是在网页的某个位置持续显示,即使用户滚动页面,广告仍然保持在屏幕的特定区域。这需要对HTML和CSS有深入理解,尤其是定位...