`
zgqynx
  • 浏览: 1370734 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript js 飘浮 图片 或者 文字

阅读更多
本文引自http://www.webmasters-central.com/t/floatingads.shtml

本文地址http://deqiallen.iteye.com/blog/355023

进行了适当的修改

只需要将 <script>....</script>放到 <head></head>中即可。

<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <script type="text/javascript" language="JavaScript">
<!--
	var AdFloaterType = 'Z';
       //document.write()中的内容是自己定制即可
	document.write("<span id='AdFloater' style='position: absolute; visibility: hidden; top: 1px;' align='right'>"+
					"<a href='http://deqiallen.iteye.com/blog/355023' target='_blank'>deqiallen.iteye.com我的博客</a>"+
					"</span>");
	function Float() {if (AdFloaterType == 'A') { document.all.AdFloater.style.pixelTop = document.body.scrollTop; }else if(AdFloaterType == 'B'){ document.AdFloater.top = window.pageYOffset;}else if(AdFloaterType == 'C'){ document.getElementById('AdFloater').style.top = window.pageYOffset + 'px'; }}	
	if(document.all) {document.all.AdFloater.style.pixelLeft = document.body.clientWidth - document.all.AdFloater.offsetWidth;document.all.AdFloater.style.visibility = 'visible';AdFloaterType = 'A';
	}else if(document.layers) {document.AdFloater.left = window.innerWidth - document.AdFloater.clip.width - 16;document.AdFloater.visibility = 'show';AdFloaterType = 'B';
	}else if(document.getElementById){document.getElementById('AdFloater').style.left = (window.innerWidth - 35) + 'px';document.getElementById('AdFloater').style.visibility = 'visible';AdFloaterType = 'C';}
	if (document.all) {window.onscroll = Float;}else {setInterval('Float()', 100);}	
	//-->
</script>
 </HEAD>
 <BODY>
  body。。。
 </BODY>
</HTML>

本文地址http://deqiallen.iteye.com/blog/355023
分享到:
评论

相关推荐

    飘浮文字跟随鼠标

    标题“飘浮文字跟随鼠标”所涉及的知识点主要集中在JavaScript编程和网页动态效果实现上。JavaScript是一种广泛应用于客户端Web开发的脚本语言,它能够使网页具有交互性和动态性。在这个特定的场景中,我们将讨论...

    很好的飘浮文字跟随鼠标

    【标题】:“很好的飘浮文字跟随鼠标”技术详解 在网页设计中,飘浮文字跟随鼠标的效果是一种常见的交互设计手法,它可以为用户带来独特的浏览体验。这种效果通常应用于广告、提示信息或者导航元素中,使得信息能...

    js带幻影文字效果的炫酷轮播图切换特效.zip

    "js带幻影文字效果的炫酷轮播图切换特效.zip" 提供了一个结合了文字幻影效果的轮播图实现,这种效果可以为网页增添强烈的视觉冲击力,吸引用户注意力。 首先,我们要了解JavaScript的基础。JavaScript是一种解释型...

    网站中常使用到的飘浮广告

    飘浮广告可以是图片、动画、文字或其他互动元素,它们的目的在于提高广告的曝光率和点击率。 描述提到了一个名为“漂浮广告”的博文,该博主在CSDN(中国最大的开发者社区)上分享了实现这种广告的源代码。通过这个...

    6种不同效果的JS广告代码特效

    JavaScript(JS)是一种轻量级的解释型编程语言,广泛应用于网页和网络应用开发,尤其在实现网页动态效果和交互性方面发挥着重要作用。在这个压缩包中,你将找到六种不同的JS广告代码特效,这些特效可以提升网站的...

    jquery绘制气泡墙

    6. **内容填充**:气泡内的内容可以通过JavaScript动态插入,可以是文字、图片或者其他HTML元素。利用`.html()`或`.text()`方法将数据绑定到气泡元素中。 7. **事件监听**:如果希望气泡有交互功能,例如点击气泡后...

    收集的各种JS代码广告大全

    在IT行业中,JavaScript(简称JS)是一种广泛使用的编程语言,特别是在网页开发中,它为动态交互提供了强大的支持。本文将围绕“收集的各种JS代码广告大全”这一主题,深入探讨JS在实现不同类型的广告效果中的应用。...

    网页浮动广告代码 非常好的

    广告图片"&gt; ``` 2. CSS 样式:通过设置CSS定位属性(如`position`、`top`、`right`、`bottom`或`left`),我们可以使广告在页面上浮动。以下是一个简单的例子,将广告固定在页面右侧: ```css #floatingAd { ...

    70款经典Dreamweaver插件

    CloseCW 方便的插入一个关闭当前页面的按钮,可以选择按钮、图片、或者文字3种方式 tooltips 制作注释 UI_components Flash UIComponent Dreamweaver 插件文件名 Dreamweaver 插件简介 floatimg 在页面上制作的...

    Dreamweaver 插件集

    方便的插入一个关闭当前页面的按钮,可以选择按钮、图片、或者文字3种方式 tooltips 制作注释 UI_components Flash UIComponent floatimg 在页面上制作的飘浮图片插件,没时间封装 mmJIK Macromedia亲自为...

    HTML代码实际应用讲解.pdf

    这个例子中,外层`&lt;marquee&gt;`使得整个内容上下移动,内层`&lt;marquee&gt;`则让文字左右移动,结合图片和文字颜色,形成飘浮效果。 在与数据库交互时,HTML通常与服务器端语言(如PHP、Java、ASP.NET等)结合,通过表单...

    400个DreamWeaver插件

    mxp/Jet制作的飘浮图片插件,没时间封装,Redidea友情封装 mxp/Chromeless Windows标题bug修改版 mxp/使窗口过一段时间后自动关闭 mxp/用来做电子商务的插件。不过只停留在表面的html语句和form的action,没有涉及...

    vue实现移动端悬浮窗效果

    在Vue.js中实现移动端的悬浮窗效果,主要是通过监听触摸事件来实现在手机屏幕上的拖拽功能。这个过程涉及到的主要知识点包括Vue组件、DOM操作、触摸事件以及CSS样式。 首先,我们从HTML结构开始。在Vue的模板语法中...

    VscOdooSnippets:Visual Studio Code的Odoo代码段

    片段可用于以下受支持的语言(文件扩展名): Python( .py ) Javascript( .js ) XML( .xml ) 所有代码段均遵循《 。安装启动VS Code。 按Ctrl+P或Command+P (对于Mac)。 粘贴命令ext install jigar-patel....

    Gsap SVG气泡视差动画特效

    1. **创建SVG气泡**:使用SVG的`&lt;circle&gt;`元素或者自定义的`&lt;path&gt;`元素来绘制气泡形状。通过CSS或JS设置其初始样式,包括颜色、大小和位置。 2. **应用渐变色**:可以使用SVG的`&lt;linearGradient&gt;`或`...

Global site tag (gtag.js) - Google Analytics