右下角浮动
<html>
<head>
<title>网页特效-CSS特效-始终在页面固定位置的层</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<style>
<!--
.div{
position: absolute;
border: 2px solid red;
background-color: #EFEFEF;
line-height:90px;
font-size:12px;
z-index:1000;
}
-->
</style>
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<div id="Javascript.Div" class="div" style="width: 240; height:90;" align="center">右下...</div>
<SCRIPT LANGUAGE="JavaScript">
function sc1(){
document.getElementById("Javascript.Div").style.top=document.body.scrollTop+document.body.clientHeight-document.getElementById("Javascript.Div").offsetHeight; document.getElementById("Javascript.Div").style.left=document.body.scrollLeft+document.body.clientWidth-document.getElementById("Javascript.Div").offsetWidth;;
}
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
function scall(){
sc1();
}
window.onscroll=scall;
window.onresize=scall;
window.onload=scall;
//-->
</SCRIPT>
<div style="position: absolute; top: 0; left: 0; width: 10000; height: 4000;"></div>
</body>
</html>
分享到:
相关推荐
jQuery实现右下角浮动可拖动广告窗口特效源码.zip
实现效果: jquery右下角浮动窗口,使用jquery进行制作的广告,在企业网站或者商城网站中,经常会有广告信息弹出来,这个广告的效果还是比较酷炫的,php中文网推荐下载!
因做企业站的需要,在页面里加个点击QQ和MSN对话的浮动广告框,手里的随动代码一堆,哪知竟没有定位于右下角的,于是GG了一个,改了下放上来。 HTML就不写了,此JS代码能过IE6、7、FF,且符合W3C标准。
互联网提供了很多种“将广告始终定位到网页右下角”的解决方案,大多会用到javascript,其实仅调用样式表就可以实现该效果。 以下万恶的代码主要是写给IE6的,在IE7和FF浏览器中,只需要position:fixed就可以将图层...
摘要:脚本资源,Ajax/JavaScript,浮动层,浮动广告 一个独立的浮动广告类,基本的功能都有了,很好用的,可以设置自定义显示位置和显示时间,如果你想类似的广告效果,这个应该是一个不错的选择。 程序特点: 1. ...
13:右上拉链式打开代码演示下载 14:全屏缩放广告代码演示下载 15:右下角提示消息广告代码下载 16:右下角弹出关闭变背投演示下载 17:右侧提示点击成全屏演示下载 18:宽频焦点代码演示下载 19:横向移动视觉...
13:右上拉链式打开代码演示下载 14:全屏缩放广告代码演示下载 15:右下角提示消息广告代码下载 16:右下角弹出关闭变背投演示下载 17:右侧提示点击成全屏演示下载 18:宽频焦点代码演示下载 19:横向移动视觉...
Photoshop 扩展动作 TAB带动画 隔行同色 层固定在右下角的离奇方法 超简单表格隔行换色+鼠标经过变色 打开关闭层JS 弹出菜单 顶部自动收缩滑动门广告代码 动画效果打开层 关闭层 固定位置浮动效果 滑动弹出效果 会员...
实例154 右上角文字 239 实例155 鼠标移动文字 241 5.5 文字动态移动 242 实例156 文字自动滚屏 242 实例157 文字上下滚动 243 5.6 文字立体效果 244 实例158 文字的旋转 244 实例159 立体旋转文字 246 实例160 文字...
43.jQuery漂亮网页右上角双层撕角广告代码 44.jquery漂亮网页布局综合定时器、切换间隔、滚动时间、滚动图片个数等示例 45.jQuery演示Ajax加载并显示图片的相片画廊实例 46.jQuery版Sexy Lightbox 2.3内容...
33:___右下角随机显示的JS图片广告 34:___向上翻动的内容切换示例 35:___图片友情链接滚动,横向,带控制按钮 36:___图片围成环形滚动,有空间感 37:___图片型不规则菜单的CSs实现 38:___图片拖拉缩放效果(仿PHOTO...
实例083 在首页右下角弹出渐显的广告窗口 122 实例084 浮动的广告窗口 124 实例085 打开居中显示详细信息的新窗口 126 实例086 关闭弹出窗口时自动刷新父窗口 128 实例087 在弹出的对话框中选择个性头像 ...