`
beyond429
  • 浏览: 96143 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

网页两侧浮动的广告栏

 
阅读更多
<script   language="javascript">  
  <!--  
  if(screen.width   >   800){  
  var   screenad=screen.width-135;  
  document.write('<DIV   ID="Layer_ad1"   STYLE="position:absolute;   width:110;   height:300;   z-index:1;   left:   0px;  

top:   140px"><a   href=http://adv.pconline.com.cn/adpuba/click?adid=15930&id=pc.sy.banner.duilian.   target=_blank><img  

src=http://image.pconline.com.cn/images/200510/notebook_110x300.gif   WIDTH=110   HEIGHT=300   border=0></a></DIV>');  
  document.write('<DIV   ID="Layer_ad2"   STYLE="position:absolute;   width:110;   height:300;   z-index:1;   left:  

'+screenad+'px;   top:   140px"><a   href=http://adv.pconline.com.cn/adpuba/click?adid=15930&id=pc.sy.banner.duilian.  

target=_blank><img   src=http://image.pconline.com.cn/images/200510/notebook_110x300.gif   WIDTH=110   HEIGHT=300  

border=0></a></DIV>');  
  } 

function stat(){
     var a = pageYOffset+window.innerHeight-document.Layer_ad1.document.height-100
     document.Layer_ad1.top = pageYOffset-100
     var a = pageYOffset+window.innerHeight-document.Layer_ad2.document.height-100
     document.Layer_ad2.top = pageYOffset-100
     setTimeout('stat()',2)
}

function fix(){
     nome=navigator.appName
     if(nome=='Netscape'){
         stat()
     }else{
         var a=document.body.scrollTop+document.body.clientHeight-document.all.Layer_ad1.offsetHeight+100
         Layer_ad1.style.top = document.body.scrollTop+150
         var a=document.body.scrollTop+document.body.clientHeight-document.all.Layer_ad2.offsetHeight+100
         Layer_ad2.style.top = document.body.scrollTop+150
//alert (a);
    }

  //-->  
  </script>


<body onScroll="fix()" onResize="fix()">
<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<

p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.
</body> 

分享到:
评论

相关推荐

    div两侧浮动广告 可隐藏 附加非div两侧浮动

    "div 两侧浮动广告 可隐藏 附加非div两侧浮动" 这个主题涉及到的是如何在网页的左右两侧放置浮动广告,并且这些广告能够根据需要隐藏,同时还能在非 div 元素的两侧添加浮动元素。 首先,我们来理解“div 两侧浮动...

    两侧活动广告栏目 即插即用型 简单易懂相当好用

    "两侧浮动"意味着广告会始终保持在用户的视线范围内,无论他们浏览页面的哪个部分。这种设计可以确保广告的持续曝光,提高品牌知名度,同时也能更有效地吸引用户点击,尤其是当广告内容与用户当前浏览的内容相关时。...

    网页广告 代码全集 js 广告代码 大全 1-61 (A)

    49:破SP2弹窗24小时弹一次下载 50:定时关闭的背投广告代码下载 51:仿GG和百度的文字浮动广告下载 52:绕过XP关闭弹出代码下载 53:关闭弹出两窗口的代码下载 54:鼠标经过即弹出广告代码下载 55:按钮跳出广告代码...

    网页广告 代码全集 js 广告代码 62-120 大全 (B)

    49:破SP2弹窗24小时弹一次下载 50:定时关闭的背投广告代码下载 51:仿GG和百度的文字浮动广告下载 52:绕过XP关闭弹出代码下载 53:关闭弹出两窗口的代码下载 54:鼠标经过即弹出广告代码下载 55:按钮跳出广告代码...

    CSS:对联广告

    对联广告通常是指在页面两侧显示的、随着用户滚动页面而保持固定位置的广告栏,通常包含图片或其他多媒体内容,以吸引用户的注意力。 要使用CSS实现这样的对联广告,我们需要考虑以下几个关键知识点: 1. **定位...

    网页制作素材下载 网页特效

    11. **对称广告**:可能是指在网页两侧或特定区域布置的对齐或镜像的广告,以保持设计的平衡感。 这些素材和特效的合理运用,不仅可以提升网页的整体美观度,还能有效引导用户注意力,提升网站的用户体验和商业价值...

    CSS-40款专业网页布局源码

    2. **两栏布局**:分为左右两侧,常用于新闻网站,左边是导航,右边是主要内容。 3. **三栏布局**:常用于包含主内容、侧边栏和广告等元素的复杂页面。 4. **流式布局**:随着浏览器窗口大小变化而自动调整的布局,...

    网页尺寸参考t.pdf

    标准网页广告尺寸规格: 一、120*120,这种广告规格适用于产品或新闻照片展示。 二、120*60,这种广告规格主要用于做 LOGO 使用。 三、120*90,主要应用于产品演示或大型 LOGO。 四、125*125,这种规格适于表现照片...

    网页设计与制作实训报告.pdf

    此外,报告中还展示了如何使用Float属性实现左右两侧边栏的布局,以及如何为边栏中的内容(如横幅广告、热门内容模块)设置样式。 页面中使用了图片素材,并对图片进行了浮动布局,使得网页中的图片能够根据屏幕...

    css样式表文档

    通过CSS+DIV布局技术,实现一个具有特定功能的主页设计,其中包括浮动的广告图片、TAB方式按钮和两侧滚动广告图片。 【实验内容】 1. **浮动的广告图片**:在CSS中,可以使用`float`属性来实现元素的浮动,如设置`...

    DIV+CSS精美布局模板

    3. **三栏布局**:常见于需要展示更多信息或功能的网站,如电子商务平台的首页,左右两侧可放置广告、推荐商品或用户信息,中间展示主要内容。 4. **响应式布局**:根据设备屏幕大小自动调整布局,确保在不同设备上...

    CSS简单实现网页悬浮效果(对联广告)

    在这个例子中,`#fixedLayer`是浮动广告的ID,我们设置了它的宽度、高度、背景颜色和边框,并将其定位在屏幕左侧10像素、顶部10像素的位置。通过`position: fixed;`,广告条将在用户滚动页面时保持不变。 需要注意...

    双飞翼、粘性定位运用实战

    而"粘性定位"则常见于导航菜单、购物车、广告栏等需要随用户滚动而保持可视的元素,提升用户体验。 在学习和使用这些技术时,可以参考文档资料,理解它们的基本原理,然后通过实践案例进行深入练习。"双飞翼、粘性...

    CSS教程:三列固定网页布局实例

    【CSS三列固定布局】是网页设计中常见的一种布局方式,尤其适用于内容丰富的网站,它通常包括一个主内容区、一个侧边栏和一个广告或辅助信息区域。在这个实例中,我们将探讨如何使用HTML和CSS创建这样的布局。 首先...

    CSS常用英文小字典

    - **Banner (页面上的一个横条)**:通常指的是网站顶部或某个区域的大图或广告栏。 - **Both (二者都是)**:`clear`属性的一个值,表示同时清除左右两侧的浮动元素。 - **Black (黑色)**:颜色的一种,用于设置文本...

    CSS常用网站布局实例

    这种布局适用于需要在页面两侧放置固定内容,如侧边广告或辅助菜单。 8. **浮动定位布局**: 使用`float: left`和`float: right`来实现三列布局,中间列 (#column2) 自动填充剩余空间。为了避免内容溢出,通常需要...

    非常全面的css布局标签

    5. **侧栏(sidebar)**:通常出现在主要内容的两侧,用于展示辅助信息或广告。 6. **栏目(col)**:页面中的分栏,用于组织不同内容。 7. **页面外围控制整体布局宽度(wrapper)**:包裹整个页面内容,用于设定...

Global site tag (gtag.js) - Google Analytics