- 浏览: 38139 次
- 性别:
- 来自: 北京
最近访客 更多访客>>
最新评论
-
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 1085<SCRIPT language=javascript& ... -
Shortcut Icon
2007-05-15 07:47 2616当用户收藏网页时,网页地址前面会出现一个小图标,以及再次在 ... -
网页上 圆角的制作
2007-04-11 10:26 735<html xmlns:v> <styl ... -
textarea使用指南
2007-04-12 02:40 2561textarea是HTML语言。textarea就是我们在论坛 ... -
网页滚动条设计详细介绍
2007-04-12 02:43 12021.overflow内容溢出时的 ... -
为TABLE边框添加阴影
2007-04-12 04:22 3284<style> table{filter:prog ... -
网页背景颜色渐变代码
2007-04-13 01:43 5202对角线渐变: <body style="FIL ... -
制作背景对角线的一种方便方法
2007-04-13 02:06 657http://www.stripegenerator.com/ ... -
fieldset
2007-04-16 07:39 703Anny Anny is a good girl ... -
如何在文中出现两者或两者以上不同的超链接?
2007-04-18 05:54 725在源代码中的<HEAD>…</HEAD> ... -
超级链接的一些技巧
2007-04-24 02:42 701在缺省的情况下,鼠标是一个向左上方翘起的箭头,下载页面时是一 ... -
一个漂亮的CSS菜单
2007-04-24 10:48 4836<!DOCTYPE html PUBLIC &quo ... -
在html文件引入其它html文件的几种方法
2007-04-26 01:42 1901简介:在论坛中常常有网友问到,可以在一个html的文件当中读 ... -
iframe 的自适应高度
2007-04-27 03:19 1135好几次看到有人提问问到如何实现 iframe 的自适应高度, ... -
控制图片是否显示的一段javascript
2007-04-29 11:12 1419<script type="text/jav ... -
控制显示样式的javascript
2007-04-29 11:14 765function isSelect(e,keyword,ty ...
相关推荐
ScrollReveal-元素随页面滚动产生动画
div浮动层不随滚动条滚动而滚动的浮动效果,始终在浏览器的某个位置不变
javascript 弹出层+随页面滚动而滚动.html 几行javascript代码解决弹出层,并且覆盖整个页面,随着页面流动还流动 ( 不用jQuery.js )
jQuery.UI.Impromptu.js jQuery 弹出层 浮动层 提示框 并随页面滚动而滚动 实现弹出层不再难,只要引用jQuery.UI.Impromptu.js这个js文件后,想要弹出哪个tag都行了 如:我想要这里是弹出浮动遮罩层</div> 并随页面...
html5页面滚动图片动画加载特效 html5页面滚动图片动画加载特效 html5页面滚动图片动画加载特效 html5页面滚动图片动画加载特效
页面滚动时显示动画的 JavaScript,能让页面更加有趣,更吸引用户眼球。
div不随滚动条的滚动而动 可以兼容到IE6 绝对好用
ASP.NET网页随滚动条滑动的层,ASP.NET页面随滚动条滚动
scrollreveal.js是一款可以轻易实现桌面和移动浏览器元素随页面滚动产生动画的js插件。该插件通过配置可以在页面滚动,元素进入视口时产生炫酷的动画效果,同时还支持元素的3D效果,非常的实用。
网页模板——JS元素随页面滚动产生动画插件ScrollReveal源码
bootstrap响应式页面滚动动画作品展示单页模板
html5实现的页面滚动图片动画加载特效源码
在线客服随页面滚动滚动 在线客服随页面滚动滚动在线客服随页面滚动滚动
该代码是滚动页面时触发相应的动画效果,动画效果齐全。
带关闭的网页广告滚动条,可直接用于各类网站,有展示页面
JS元素随页面滚动产生动画插件ScrollReveal源码.zip
一款纯js实现的网页数字滚动累计动画效果,设定一个默认数值,到达指定数值后停止滚动。
NULL 博文链接:https://zhudage001.iteye.com/blog/2163447
小程序顶部通栏,展示图片,随着页面滚动,开始渐变展标题记及纯色吸顶样式 主要使用了小程序中的scroll-view组件,通过滚动时触发 bindscroll和滚动到顶部 bindscrolltoupper改变顶部栏的样式效果 动图效果及使用...