以前我们实现悬浮广告大多都是用js实现，代码很是冗余。
现在介绍一种简单的在css中定义expression的实现
expression即在css中定义js表达式
注意：
IE5及其以后版本支持在CSS中使用expression
但是expression比较占资源
不安全，不标准
.cssFlow{
top:expression(this.offsetParent.scrollTop);//此样式可是现悬浮广告
}
////////////////////////////////////////////////例子///////////////////////////////////////////////////////
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>scrollDivTest</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<style>
.cssFlow{
top:expression(this.offsetParent.scrollTop);//此样式可是现悬浮广告
}
</style>
</head>
<body>
<div class="cssFlow">
scroll scroll scroll scroll scroll scroll
</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/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><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>
分享到：
相关推荐
CSS与JS紧密配合，为...下面就是JS 控制CSS样式表的语法对照： 盒子标签和属性对照 CSS语法（不区分大小写） JavaScript语法（区分大小写） border border border-bottom borderBottom border-botto
85:沪江英语网3图弹性广告下载 86：SOHU体育flash图片轮换下载 87:MSN频道4屏新闻广告效果下载 88：用层实现的滚动条效果下载 89:迅雷网七屏flash广告轮换下载 90：奥林匹克运动会焦点广告下载 91:一种选项卡样式...
2.jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3.jQuery+CSS实用图片收缩与放大效果插件 4.jquery+div实现同时滑动切换的图文展示特效插件下载 5.jquery+div带动画按钮图片手动与自动切换的特效...
85:沪江英语网3图弹性广告下载 86：SOHU体育flash图片轮换下载 87:MSN频道4屏新闻广告效果下载 88：用层实现的滚动条效果下载 89:迅雷网七屏flash广告轮换下载 90：奥林匹克运动会焦点广告下载 91:一种选项卡样式...
效果描述： 一个非常简单好用的jQuery对联广告代码 直接引入jQuery插件，本插件，然后再来一个调用方法即可，... 1、引入index.html head中的css样式 2、引入body中的代码部分即可 (注意保持文件路径的正确性)
1左侧或者右侧的悬浮广告。 css样式： *{padding: 0;margin: 0;} .fl{float:left;display: inline;} .fr{float: right;display: inline;} .clearfix{*zoom: 1;} .clearfix:after{ display: block; content: ; ...
8.2 不用CSS实现链接样式的变化 8.3 让链接没有下划线 8.4 去掉超链接点击时的框 8.5 显示页面中所有链接 8.6 一个链接打开两个地址 8.7 为链接提供下拉菜单 8.8 按钮链接 8.9 弹出鼠标所指的链接地址 8.10 链接的...
8.2 不用CSS实现链接样式的变化 8.3 让链接没有下划线 8.4 去掉超链接点击时的框 8.5 显示页面中所有链接 8.6 一个链接打开两个地址 8.7 为链接提供下拉菜单 8.8 按钮链接 8.9 弹出鼠标所指的链接地址 8.10 链接的...
修正 各浏览器中"漂浮广告"的表现，感谢 吴越在线 提交问题 修正 投票子选项在被禁用时仍能继续统计的问题，感谢 吴越在线 提交问题 修正 Flash 在没有设置链接时，不能正常设定样式的问题，感谢 网友之家 提交...
3、 强大的广告功能：后台功能除了基本的个人/企业管理系统，还有采集功能、管理有权限功能、广告系统（自定义生成横幅、弹窗、随屏移动、固定位置、漂浮、代码等样式；格式同时包括图片、GIF动画、文本、代码、页面...
3、 强大的广告功能：后台功能除了基本的个人/企业管理系统，还有采集功能、管理有权限功能、广告系统（自定义生成横幅、弹窗、随屏移动、固定位置、漂浮、代码等样式；格式同时包括图片、GIF动画、文本、代码、页面...
数据库使用MS Access 2000以上 2．本书所附光盘实例代码： 第1章（\第1章） 查看1.2.htm中noscript显示效果的方法如下： 1．将该实例复制到C:\Inetpub\wwwroot下； 2．选择浏览器的“工具”－“安全”－“本地...
支持自定义CSS样式设置; 支持谷歌字体链接和头像链接替换，加快网站打开速度; 缩略图自动智能裁剪功能; 无限页面边栏添加; 三级下拉菜单支持; 文章评论功能(可选择开启或关闭); 内置多个文章列表模板，可供分类、...
（13）广告管理：后台可以设置漂浮广告，对联广告以及横幅广告，并且可设置不同页面显示不同的广告 （14）告别注册机：验证码可设置中文验证码，数字求和，颜色，英文数字自由搭配的选择设置，以及图案干扰背景设置...
（13）广告管理：后台可以设置漂浮广告，对联广告以及横幅广告，并且可设置不同页面显示不同的广告 （14）告别注册机：验证码可设置中文验证码，数字求和，颜色，英文数字自由搭配的选择设置，以及图案干扰背景设置...
（13）广告管理：后台可以设置漂浮广告，对联广告以及横幅广告，并且可设置不同页面显示不同的广告 （14）告别注册机：验证码可设置中文验证码，数字求和，颜色，英文数字自由搭配的选择设置，以及图案干扰背景设置...
这是一个用WinForm技术实现的系统，传智播客在开课的半个月就安排一个项目，体现了传智播客“项目驱动学习”的先进教学理念。 4、网页开发与JavaScript（7天） 查看案例演示 核心技术课程 HTML基础加强、css（包含...
/*-----ASP个人网站模板Version1.7-------*/ Author:shemily Pub:2007-04-22 ...QQ群:群1：35650974群2：...16、增加Firefox浏览器支持（目前仅部分CSS样式和后台支持不太好）； 注：PWeb1.7是PWeb1.6的oncecode.com版本
支持自定义CSS样式设置； 支持谷歌字体链接和头像链接替换，加快网站打开速度； 缩略图自动智能裁剪功能； 无限页面边栏添加； 三级下拉菜单支持； 依赖插件一键安装和更新功能； 文章评论功能（可选择开启或关闭）...