悬浮代码 JS广告代码，JS特效代码

最新推荐文章于 2023-10-13 11:29:01 发布
最新推荐文章于 2023-10-13 11:29:01 发布
阅读量675 收藏 1
点赞数
文章标签： 广告 js html

 

本人测试的 兼容 IE6，7，8，9 和 谷歌。

html 文件 index.html

-------------------------------------------------------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<meta name="Copyright" content="奇奇闻 http://www.qiqiwen.com/" />

<meta name="keywords" content="悬浮漂浮,JS广告代码,JS特效代码" />

<meta name="description" content="此代码内容为悬浮广告 漂浮广告，属于站长常用代码，更多悬浮漂浮代码请访问奇奇闻JS代码频道。" />

<title>悬浮广告 漂浮广告_奇奇闻</title>

</head>

<body>

<DIV id=img1 style="Z-INDEX: 100; LEFT: 2px; WIDTH: 59px; POSITION: absolute; TOP: 43px; HEIGHT: 61px;

 visibility: visible;"><a href="http://www.qiqiwen.com/" target="_blank"><img src="images/pic.gif" width="80" height="80" border="0"></a></DIV>

  <p>

    <SCRIPT src="js/js.js"></SCRIPT>

  </p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p>代码整理：<a href="http://www.qiqiwen.com/" target="_blank">奇奇闻</a>　</p>

  <p>＊尊重他人劳动成果，转载请自觉注明出处！</p>

  <p></p>

  <p>悬浮广告 漂浮广告</p>

  <p></p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p>代码整理：<a href="http://www.qiqiwen.com/" target="_blank">奇奇闻</a>　</p>

  <p>＊尊重他人劳动成果，转载请自觉注明出处！</p>

  <p></p>

  <p>悬浮广告 漂浮广告</p>

  <p></p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p>代码整理：<a href="http://www.qiqiwen.com/" target="_blank">奇奇闻</a>　</p>

  <p>＊尊重他人劳动成果，转载请自觉注明出处！</p>

  <p></p>

  <p>悬浮广告 漂浮广告</p>

  <p></p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p>代码整理：<a href="http://www.qiqiwen.com/" target="_blank">奇奇闻</a>　</p>

  <p>＊尊重他人劳动成果，转载请自觉注明出处！</p>

  <p></p>

  <p>悬浮广告 漂浮广告</p>

  <p></p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p>代码整理：<a href="http://www.qiqiwen.com/" target="_blank">奇奇闻</a>　</p>

  <p>＊尊重他人劳动成果，转载请自觉注明出处！</p>

  <p></p>

  <p>悬浮广告 漂浮广告</p>

  <p></p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p>代码整理：<a href="http://www.qiqiwen.com/" target="_blank">奇奇闻</a>　</p>

  <p>＊尊重他人劳动成果，转载请自觉注明出处！</p>

  <p></p>

  <p>悬浮广告 漂浮广告</p>

  <p></p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p> </p>

  <p>代码整理：<a href="http://www.qiqiwen.com/" target="_blank">奇奇闻</a>　</p>

  <p>＊尊重他人劳动成果，转载请自觉注明出处！</p>

  <p></p>

  <p>悬浮广告 漂浮广告</p>

  <p></p>

  <p> </p>

</body>

</html>

-------------------------------------------------------------------------------------------------

js文件 js.js

-------------------------------------------------------------------------------------------------

var xPos = 300;

var yPos = 200; 

var step = 1;

var delay = 10; 

var height = 0;

var Hoffset = 0;

var Woffset = 0;

var yon = true;

var xon = 0;

var pause = true;

var interval;

var diffY = 0;

var diffX = 0;

img1.style.top = yPos;

function changePos() 

{

height =  document.documentElement.clientHeight;

width = document.documentElement.clientWidth;

if(document.documentElement && document.documentElement.scrollTop){

diffX = document.documentElement.scrollLeft;

diffY = document.documentElement.scrollTop;

}

else if (document.body){

diffX = document.body.scrollLeft;

diffY = document.body.scrollTop;

}

Hoffset = img1.offsetHeight;

Woffset = img1.offsetWidth;

img1.style.left = xPos + diffX + "px";

img1.style.top = yPos + diffY + "px";

if (yon) 

{yPos = yPos + step;}

else 

{yPos = yPos - step;}

if (yPos < 0) 

{yon = true;yPos = 0;}

if (yPos >= (height - Hoffset)) 

{yon = false;yPos = (height - Hoffset);}

if (xon) 

{xPos = xPos + step;}

else 

{xPos = xPos - step;}

if (xPos < 0) 

{xon = 1;xPos = 0;}

if (xPos >= (width - Woffset)) 

{xon = 0;xPos = (width - Woffset);   }

}

function start()

 {

  img1.visibility = "visible";

interval = setInterval('changePos()', delay);

}

function pause_resume() 

{

if(pause) 

{

clearInterval(interval);

pause = false;}

else 

{

interval = setInterval('changePos()',delay);

pause = true; 

}

}

start();

-------------------------------------------------------------------------------------------------

zhq1450
关注
js特效代码大全
07-06
js特效代码大全 开发必备之利器。
400多个JavaScript特效大全
百威
05-21 2671
400多个JavaScript特效大全，包含全部源代码和详细代码说明，不可多得 JavaScript实现可以完全自由拖拽的效果，带三个范例 http://www.sharejs.com/showdetail-501.aspx javascript实现可以自由拖动的树形列表 http://www.sharejs.com/showdetail-500.aspx 带...
JS特效代码
weixin_33730836的博客
09-10 455
1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后，产生该文件 Onchange:当文字值改变时，产生该事件 Onselect:当文字加亮后，产生该文件 <input type="text" value="mm" onfocus="if(value=='mm) {value=''}" onblur="if (val...
JS特效代码大全（三）
weixin_34202952的博客
11-19 362
上一篇主要介绍了JS特效代码大全（二）能记录cookie的顶部伸缩广告，有需要的可以去看看，这一篇主要讲JS特效代码大全（三）可折叠的自动伸缩下拉菜单。可折叠的自动伸缩下拉菜单适合于最多到二级菜单、菜单数量较多且页面要求比较精致的网站，打开一个菜单的同时另一个菜单就会自动缩回去。如图所示： JS特效代码大全（三）可折叠的自动伸缩下拉菜单 这个JS特效代码不...
Js悬浮广告代码
最新发布
skudhdk的博客
10-13 701
【代码】Js悬浮广告代码。
js 左右悬浮对联广告特效代码
12-07
【JavaScript 悬浮广告特效详解】 在Web开发中，创建吸引用户注意力的广告效果是提升网站互动性的重要手段。本文将详细介绍如何使用JavaScript实现一种左右悬浮的对联广告特效，适用于网页布局，增加用户体验。 ...
WAP/手机网页底部悬浮图片定时翻滚广告代码特效单图带关闭按钮
01-05
这个特效代码旨在提供一种在手机网页底部展示滚动广告的方式，既能吸引用户，又不会过度干扰其浏览体验。 首先，让我们了解这个特效的基本功能。它是一种JavaScript实现的广告滚动效果，将广告图片设置在页面底部，...
js常用QQ客服悬浮特效代码
06-10
橘黄色版本在线客服QQ代码
JS实现悬浮移动窗口(悬浮广告)的特效
01-21
js方法： 代码如下:<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”><html> <head> <title> New Document </title> &...
js特效代码大全（网页必备）
10-03
很多的js特效代码，忘了哪网站上的咯！包括 图片滚动，切换，拖动，导航等等…… 错过了，要后悔的哦
常用的js特效
12-03
树形菜单，四张图片轮换显示横幅广告，跑马灯，下拉级联框，轮换横幅广告，设为首页等功能，收缩左边栏效果，改变页面风格，表单提示效果，表单提示效果
12款JS高级特效源代码
09-06
javascript js特效 js源代码
JavaScript特效代码收集
生活在别处
02-23 912
页面“线条”效果：此代码实现了一个动态背景效果，通过在页面上绘制随机线条，当鼠标移动时，线条会跟随鼠标位置产生变化，形成交互式的视觉效果。 倒计时：这段代码显示一个倒计时，以汉字形式显示从当前时间到今年年底的剩余秒数。它利用了JavaScript的setInterval函数来实时更新页面上的倒计时显示。 正计时：虽然您提到这个功能不可用，但正常情况下，这段代码应该可以显示从指定日期开始的经过时间，包括天数、小时数、分钟数和秒数，使用了jQuery插件来实现动态更新和动画效果。 字符串进化：最后这段代码似乎实
js的特效
m0_46420078的博客
12-01 1770
一、js的特效 1、offsset：偏移量，通过offset的属性可以动态的获得元素的大小、位置 offsetLeft：相对于父元素左边框的偏移量 offsetTop：相对于父元素上边框的偏移量 offsetWidth：返回元素自身的宽度（padding、边框、内容区域)，不带单位 offsetHeight：返回元素自身的高度（padding、边框、内容区域)，不带单位 offsetParent：返回元素的父元素 ...
网页两侧悬浮广告js代码
weixin_34062469的博客
12-03 676
2019独角兽企业重金招聘Python工程师标准>>> ...
简单js特效代码大全_Django 功法大全
weixin_39643255的博客
11-30 728
目录什么是csrf？csrf原理如何预防CSRF？1、提交验证码2、Referer Check3、token验证4、在HTTP头中自己定义属性并验证form表单中如何通过csrf校验？AJAX如何通过csrf校验？CSRF相关装饰器1.登录认证装饰器2.校验用户是否登录装饰器Django用户相关自带功能模块 authauth方法大全如何扩展auth_user表？什么是csrf？ CSRF即跨站请求...
JS特效代码大全（九）超炫的js图片展示效果（一）
weixin_34319999的博客
01-14 904
js图片展示效果非常多，可以说一点点的变化就可以产生一个不同的图片展示效果，而懒人萱也收集了很多的js图片展示效果，非常炫哦，和JS特效代码大全（七）超全的JS树形菜单共享一样，虽然大家暂时可能不会都用到，但是说不定以后会用到呢，所以还是值得收藏的！ 由于懒人萱收集的js图片展示效果非常多，所以要分多次共享啦，大家只要一直关注我的博客，本人的收藏大家通通都可以拿走。好了，下...
js光斑粒子js特效代码
ICode联盟
08-31 169
js光斑粒子特效代码。
天猫淘宝雪花悬浮代码：炫酷下雪效果下载教程
“天猫雪花悬浮代码”涉及到HTML、CSS和JavaScript的结合使用，特别是利用了Flash技术。HTML结构中，我们看到了一个名为"J_TWidget"的数据组件，它配置了Carousel插件，设置了定时动画（duration和interval）以及...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值