浮动广告特效-----上下左右中(全)
<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.Div1" class="div" style="width: 240; height:90" align="center">正中...</div>
<SCRIPT LANGUAGE="JavaScript">
function sc1(){ document.getElementById("Javascript.Div1").style.top=document.body.scrollTop+(document.body.clientHeight-document.getElementById("Javascript.Div1").offsetHeight)/2
document.getElementById("Javascript.Div1").style.left=document.body.scrollLeft+(document.body.clientWidth-document.getElementById("Javascript.Div1").offsetWidth)/2;
}
</SCRIPT>
<div id="Javascript.Div2" class="div" style="width: 240; height:90;" align="center">左上...</div>
<SCRIPT LANGUAGE="JavaScript">
function sc2(){
document.getElementById("Javascript.Div2").style.top=document.body.scrollTop
document.getElementById("Javascript.Div2").style.left=document.body.scrollLeft;
}
</SCRIPT>
<div id="Javascript.Div3" class="div" style="width: 240; height:90;" align="center">左下...</div>
<SCRIPT LANGUAGE="JavaScript">
function sc3(){
document.getElementById("Javascript.Div3").style.top=document.body.scrollTop+document.body.clientHeight-document.getElementById("Javascript.Div3").offsetHeight;
document.getElementById("Javascript.Div3").style.left=document.body.scrollLeft;
}
</SCRIPT>
<div id="Javascript.Div4" class="div" style="width: 240; height:90;" align="center">右上...</div>
<SCRIPT LANGUAGE="JavaScript">
function sc4(){
document.getElementById("Javascript.Div4").style.top=document.body.scrollTop; document.getElementById("Javascript.Div4").style.left=document.body.scrollLeft+document.body.clientWidth-document.getElementById("Javascript.Div4").offsetWidth;
}
</SCRIPT>
<div id="Javascript.Div5" class="div" style="width: 240; height:90;" align="center">右下...</div>
<SCRIPT LANGUAGE="JavaScript">
function sc5(){
document.getElementById("Javascript.Div5").style.top=document.body.scrollTop+document.body.clientHeight-document.getElementById("Javascript.Div5").offsetHeight; document.getElementById("Javascript.Div5").style.left=document.body.scrollLeft+document.body.clientWidth-document.getElementById("Javascript.Div5").offsetWidth;;
}
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
function scall(){
sc1();sc2();sc3();sc4();sc5();
}
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>
欢迎转载--------------------------不错的页面特效哦
分享到：
相关推荐
在浮动广告中，div通常被用作广告容器，通过CSS定位（如position: fixed或absolute）使其在页面上保持相对固定的位置，即使用户滚动页面。 网页特效是提升用户体验的重要手段。在淘宝网图片浮动广告代码中，可能...
HTML图片的浮动广告效果是网页设计中常见的交互元素，它能吸引用户的注意力并提供互动体验。这个效果通常用于展示广告、推广信息或者动态提示。在本文中，我们将深入探讨如何利用HTML和CSS实现图片的浮动广告效果。 ...
这里，我们先获取了广告元素的尺寸以及窗口的大小，然后在设置位置时确保广告不会超出窗口的左右和上下边界。 在实际应用中，可能还需要考虑其他因素，如防止广告过于频繁地更新位置导致性能问题，可以设置一定的...
3、支持包括普通显示、满屏浮动显示、上下浮动显示-右、上下浮动显示-左、全屏幕渐隐消失、普通网页对话框、可移动透明对话框、打开新窗口、弹出新窗口、对联式广告等10种广告效果； 4、支持限制广告投放次数、点击...
49:破SP2弹窗24小时弹一次下载 50：定时关闭的背投广告代码下载 51:仿GG和百度的文字浮动广告下载 52:绕过XP关闭弹出代码下载 53:关闭弹出两窗口的代码下载 54：鼠标经过即弹出广告代码下载 55:按钮跳出广告代码...
3、支持包括普通显示、满屏浮动显示、上下浮动显示-右、上下浮动显示-左、全屏幕渐隐消失、普通网页对话框、可移动透明对话框、打开新窗口、弹出新窗口、对联式广告等10种广告效果； 4、支持限制广告投放次数、点击...
3、支持包括普通显示、满屏浮动显示、上下浮动显示-右、上下浮动显示-左、全屏幕渐隐消失、普通网页对话框、可移动透明对话框、打开新窗口、弹出新窗口、对联式广告等10种广告效果； 4、支持限制广告投放次数、点击...
49:破SP2弹窗24小时弹一次下载 50：定时关闭的背投广告代码下载 51:仿GG和百度的文字浮动广告下载 52:绕过XP关闭弹出代码下载 53:关闭弹出两窗口的代码下载 54：鼠标经过即弹出广告代码下载 55:按钮跳出广告代码...
3、支持包括HTML代码显示、普通显示、满屏浮动显示、上下浮动显示-右、上下浮动显示-左、全屏幕渐隐消失、普通网页对话框、可移动透明对话框、打开新窗口、弹出新窗口、对联式广告等11种广告效果； 4、支持限制广告...
左右悬浮对联广告特效代码是在网页中制作左右两侧漂浮广告的一种JavaScript特效实现方式。这种特效能够让广告在页面的左侧或右侧不停地上下漂浮，增加广告的曝光率，通常用于提升网站的点击率或吸引用户的注意力。在...
3、支持包括HTML代码显示、普通显示、满屏浮动显示、上下浮动显示-右、上下浮动显示-左、全屏幕渐隐消失、普通网页对话框、可移动透明对话框、打开新窗口、弹出新窗口、对联式广告等11种广告效果； 4、支持限制广告...
3、支持包括普通显示、满屏浮动显示、上下浮动显示-右、上下浮动显示-左、全屏幕渐隐消失、普通网页对话框、可移动透明对话框、打开新窗口、弹出新窗口、对联式广告等10种广告效果； 4、支持限制广告投放次数、点击...
实例238 图片在页面浮动 367 实例239 随机变化的网页背景 369 8.5 选择头像 370 实例240 在列表中选择图片 370 实例241 在弹出的新窗口中选择图片 372 8.6 在页面中播放图片 374 实例242 幻灯片式播放...
3、支持包括HTML代码显示、普通显示、满屏浮动显示、上下浮动显示-右、上下浮动显示-左、全屏幕渐隐消失、普通网页对话框、可移动透明对话框、打开新窗口、弹出新窗口、对联式广告等11种广告效果； 4、支持限制广告...
【标题】"jQuery实现的浮动层跟随页面上下滚动效果源码.zip" 描述了一个使用JavaScript库jQuery创建的特效，该特效使得一个元素（通常是一个广告条、通知或导航菜单）在用户滚动页面时始终保持在视口可见的位置。...
3、支持包括HTML代码显示、普通显示、满屏浮动显示、上下浮动显示-右、上下浮动显示-左、全屏幕渐隐消失、普通网页对话框、可移动透明对话框、打开新窗口、弹出新窗口、对联式广告等11种广告效果； 4、支持限制广告...
⒍ 广告特效使用独立JS代码，可以缓存。第二次显示速度飞快。 ⒎ 可以直接生成JS文件，不占系统资源* ⒏ 安全性高！使用与招商银行、腾讯QQ一样的的随机码登陆 ⒐ 支持自动生成广告显示JS代码 ⒑ 支持...
此外，"弹窗漂浮"标签可能意味着代码还包含了一些浮动广告或者弹窗广告的实现。这类广告通常会设置为固定定位（`position: fixed`），使其始终显示在浏览器的某个角落，无论用户滚动到页面的哪个部分。在JavaScript...
在网页设计和开发中，交互性和用户体验是至关重要的因素，"点击图标按钮浮动展开" 这一特性就很好地体现了这一点。这个功能通过使用JavaScript库jQuery实现，为用户提供了一种直观且用户友好的方式来显示和隐藏浮动...
3、支持包括普通显示、满屏浮动显示、上下浮动显示-右、上下浮动显示-左、全屏幕渐隐消失、普通网页对话框、可移动透明对话框、打开新窗 口、弹出新窗口、对联式广告等10种广告效果； 4、支持限制广告投放次数、...