Anny
- 浏览: 39317 次
- 性别:
- 来自: 北京
-
最近访客 更多访客>>
最新评论
-
sunnylocus：
好象是MM程序员
Shortcut Icon -
ouspec：
图片都看不见，javaeye有相册，上传到javaeye相册吧 ...
我们一起去春游！ -
ouspec：
IE,FF不兼容是UI设计上的大问题。
为TABLE边框添加阴影
<html>
<head>
<title>Live Chat</title>
<link rel="stylesheet" type="text/css" href="css/css.css" />
<SCRIPT language=JavaScript>
self.onError=null;
currentX = 0;
currentY = 0;
whichIt = null;
lastScrollX = 0;
lastScrollY = 0;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;
function heartBeat() {
if(IE) {diffY = document.body.scrollTop; diffX = 0; }
if(NS) {diffY = self.pageYOffset; diffX = self.pageXOffset; }
if(diffY != lastScrollY) { percent = .1 * (diffY - lastScrollY);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) {document.all.floater.style.pixelTop += percent;
document.all.floater1.style.pixelTop += percent;}
if(NS) {document.floater.top += percent;
document.floater1.top += percent;}
lastScrollY = lastScrollY + percent;
}
if(diffX != lastScrollX) { percent = .1 * (diffX - lastScrollX);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) {document.all.floater.style.pixelLeft += percent;
document.all.floater1.style.pixelLeft += percent;
}
if(NS) {document.floater.top += percent;
document.floater1.top += percent; } lastScrollY = lastScrollY + percent; } }
if(NS || IE) action = window.setInterval("heartBeat()",1);
</SCRIPT>
</head>
<body>
<DIV id=floater style="Z-INDEX: 1; right: 0px; WIDTH: 145px; POSITION: absolute; TOP:10px; HEIGHT: 350px">
<TABLE WIDTH=130 height="135" BORDER=0 CELLPADDING=2 CELLSPACING=2>
<TR>
<td width="176" align="left" valign="top">
<a href="#">
<img src="image3/chating.gif" width="203" height="121" border="0">
</a></td>
</TR>
</TABLE>
</DIV>
<DIV id=floater1 style="Z-INDEX: 1; left: 0px; WIDTH: 145px; POSITION: absolute; TOP:10px; HEIGHT: 350px">
<TABLE WIDTH=130 height="135" BORDER=0 CELLPADDING=2 CELLSPACING=2>
<TR>
<td width="176" align="left" valign="top"><a href="#"><img src="image3/chating.gif" width="203" height="121" border="0"></a></td>
</TR>
</TABLE>
</DIV>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</body>
</html>
<head>
<title>Live Chat</title>
<link rel="stylesheet" type="text/css" href="css/css.css" />
<SCRIPT language=JavaScript>
self.onError=null;
currentX = 0;
currentY = 0;
whichIt = null;
lastScrollX = 0;
lastScrollY = 0;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;
function heartBeat() {
if(IE) {diffY = document.body.scrollTop; diffX = 0; }
if(NS) {diffY = self.pageYOffset; diffX = self.pageXOffset; }
if(diffY != lastScrollY) { percent = .1 * (diffY - lastScrollY);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) {document.all.floater.style.pixelTop += percent;
document.all.floater1.style.pixelTop += percent;}
if(NS) {document.floater.top += percent;
document.floater1.top += percent;}
lastScrollY = lastScrollY + percent;
}
if(diffX != lastScrollX) { percent = .1 * (diffX - lastScrollX);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) {document.all.floater.style.pixelLeft += percent;
document.all.floater1.style.pixelLeft += percent;
}
if(NS) {document.floater.top += percent;
document.floater1.top += percent; } lastScrollY = lastScrollY + percent; } }
if(NS || IE) action = window.setInterval("heartBeat()",1);
</SCRIPT>
</head>
<body>
<DIV id=floater style="Z-INDEX: 1; right: 0px; WIDTH: 145px; POSITION: absolute; TOP:10px; HEIGHT: 350px">
<TABLE WIDTH=130 height="135" BORDER=0 CELLPADDING=2 CELLSPACING=2>
<TR>
<td width="176" align="left" valign="top">
<a href="#">
<img src="image3/chating.gif" width="203" height="121" border="0">
</a></td>
</TR>
</TABLE>
</DIV>
<DIV id=floater1 style="Z-INDEX: 1; left: 0px; WIDTH: 145px; POSITION: absolute; TOP:10px; HEIGHT: 350px">
<TABLE WIDTH=130 height="135" BORDER=0 CELLPADDING=2 CELLSPACING=2>
<TR>
<td width="176" align="left" valign="top"><a href="#"><img src="image3/chating.gif" width="203" height="121" border="0"></a></td>
</TR>
</TABLE>
</DIV>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</body>
</html>
分享到：
发表评论
-
右下浮出广告窗口代码
2007-05-25 06:00 1134<SCRIPT language=javascript& ... -
Shortcut Icon
2007-05-15 07:47 2672当用户收藏网页时，网页地址前面会出现一个小图标，以及再次在 ... -
网页上 圆角的制作
2007-04-11 10:26 769<html xmlns:v> <styl ... -
textarea使用指南
2007-04-12 02:40 2602textarea是HTML语言。textarea就是我们在论坛 ... -
网页滚动条设计详细介绍
2007-04-12 02:43 12351．overflow内容溢出时的 ... -
为TABLE边框添加阴影
2007-04-12 04:22 3338<style> table{filter:prog ... -
网页背景颜色渐变代码
2007-04-13 01:43 5249对角线渐变: <body style="FIL ... -
制作背景对角线的一种方便方法
2007-04-13 02:06 698http://www.stripegenerator.com/ ... -
fieldset
2007-04-16 07:39 752Anny Anny is a good girl ... -
如何在文中出现两者或两者以上不同的超链接？
2007-04-18 05:54 768在源代码中的<HEAD>…</HEAD> ... -
超级链接的一些技巧
2007-04-24 02:42 749在缺省的情况下，鼠标是一个向左上方翘起的箭头，下载页面时是一 ... -
一个漂亮的CSS菜单
2007-04-24 10:48 4878<!DOCTYPE html PUBLIC &quo ... -
在html文件引入其它html文件的几种方法
2007-04-26 01:42 1935简介：在论坛中常常有网友问到，可以在一个html的文件当中读 ... -
iframe 的自适应高度
2007-04-27 03:19 1174好几次看到有人提问问到如何实现 iframe 的自适应高度， ... -
控制图片是否显示的一段javascript
2007-04-29 11:12 1452<script type="text/jav ... -
控制显示样式的javascript
2007-04-29 11:14 808function isSelect(e,keyword,ty ...
相关推荐
标题“随滚动条滚动的两侧的层”暗示了我们即将探讨的是网页布局中一种特定的效果，通常称为“固定定位”或者“侧边栏固定显示”。这种设计使得页面的某些元素（比如导航菜单或广告栏）在用户滚动页面时始终保持在...
在网页设计中，对联广告通常是指位于网页两侧，跟随用户滚动页面而上下移动的广告模块。这种广告形式能够保持用户的视线接触，提高广告的曝光率。本压缩包"两种滚动效果的对联广告代码.rar"包含了一种具有物理弹性...
网页滚动广告是一种常见的在线营销策略，它通过设计使得广告元素在用户浏览页面时始终保持在屏幕可见范围内，即使用户上下滚动页面，广告也会随之移动。这种技术通常被称为“浮动广告”或“漂浮广告”，旨在提高广告...
7. 页面元素跟随：广告随着用户滚动页面而上下移动，保持在用户的视线范围内。 8. 右上角翻页关闭广告：这种广告通常在右上角出现，有明显的关闭按钮，方便用户关闭。 9. 全屏广告：占据整个浏览器窗口，用于展示...
在这个"js对联广告滚动代码可关闭"的实例中，我们关注的是对联广告，即横挂在页面两侧的广告条。这种广告形式通常与JavaScript结合，实现上下滚动或者左右滑动的效果。同时，用户还应能方便地关闭广告，提高用户体验...
网页两侧飘浮广告代码是网页设计中常见的技术应用，它可以使广告在用户浏览页面时始终保持在屏幕的两侧，增加广告的曝光率。这种技术通常基于HTML、CSS和JavaScript实现，以确保广告元素能够随着用户滚动页面而保持...
滚动元素的定位值计算； c.滚动周期设定； 代码如下： css部分： 代码如下: /*测试用的高度*/ body{ height:3000px;} div,ul,li,body{margin:0; padding:0;} /*position:absolute;用于元素的定位*/ #roll{width:50px...
网页对联广告是一种常见的网页设计元素，通常出现在网站的两侧，形状类似传统的对联，用于展示动态滚动的图片或文字信息。这种效果可以吸引用户的注意力，增加广告的可见度，从而提升网站的互动性和用户体验。在本...
在网页布局中，浮动对联广告通常被设置为固定在页面的左侧或右侧，随着用户滚动页面，它们始终保持在屏幕的一侧可见。这种效果主要通过CSS（层叠样式表）中的`position`属性实现，将其设置为`fixed`，可以让广告元素...
在IT行业中，对联广告是一种常见的网页元素，它通常出现在网页两侧，随着用户滚动页面而保持固定在屏幕上，以此提高广告的可见性和点击率。这种广告形式尤其适用于内容丰富的长篇网页，如新闻网站或博客。现在，我们...
在这个对联广告中，可能使用了ActionScript监听页面滚动事件，然后根据滚动条的位置调整广告的位置，使其始终保持在屏幕两侧。 关闭按钮是用户体验设计的重要组成部分，尤其在广告中。用户有时可能不希望看到广告，...
在网页设计和开发中，"两侧广告JS脚本"是一个重要的技术点，它涉及到JavaScript语言、网页布局和用户体验等多个方面。这种脚本主要用于在网页的两侧显示动态或静态的广告内容，以增加网站的收入来源或者提升品牌曝光...
在移动应用中，广告栏可能位于屏幕顶部或底部，而在网页设计中，它可能出现在页面的侧边或中间位置。 接着，我们来讨论“滚动”功能。滚动是广告栏的关键特性，它可以是自动定时滚动，也可以是用户手动触发的滑动。...
5. **动画效果**：使用`requestAnimationFrame`或CSS3动画来平滑地调整广告的位置，创造出广告随着页面滚动而“弹性”移动的效果。 6. **优化性能**：为了提高性能和用户体验，可能需要对滚动事件处理进行优化，如...
这包括选择合适的广告内容、设定滚动速度、调整显示时间，以及设置触发条件，如页面加载后立即显示或用户滚动到特定位置时触发。通过这些参数的精细调整，商家可以确保广告与网站设计协调，同时保持用户体验的流畅性...
随鼠标漂移的广告展示是一种常见的网页交互设计技术，它主要利用JavaScript（简称JS）来实现元素在页面上的动态跟随效果。这种技术常用于在线广告、提示信息或者导航菜单等，目的是吸引用户的注意力并提高用户体验。...
在IT行业中，对联广告是一种常见的网页元素，它通常出现在页面两侧，展示各种推广信息。"物理弹性滚动对联广告代码"是指一种特殊的技术实现，它使得广告在用户滚动页面时，能根据物理滚动的动态效果进行有弹性的移动...
在“jQuery——浏览器窗口两侧跟随的广告案例”中，我们主要探讨的是如何利用 jQuery 的功能来实现一种特定的用户体验设计：无论用户如何滚动页面，广告始终保持在浏览器窗口的特定位置，这种效果通常被称为“固定侧...
在网页设计中，浮动广告是一种常见的元素，它们通常位于页面的两侧，跟随用户滚动而保持在视野内。本文将深入探讨“左右两侧js广告浮动代码”的实现方式，并提供相关知识点。 首先，我们要明白JavaScript（简称JS）...
这种类型的广告通常以滚动或滑动的方式出现在页面的两侧，可以是横向或者纵向移动，增加了视觉效果，提升了信息传递的效率。 首先，我们要了解对联广告的基本构成。它主要包括以下几个部分： 1. **HTML结构**：...