JS广告跟随效果

最新推荐文章于 2021-11-06 16:43:25 发布
最新推荐文章于 2021-11-06 16:43:25 发布
阅读量1.2k 收藏
点赞数
分类专栏： .NET心得 文章标签： function javascript object flash div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenlianjia/article/details/116688
版权

先建一个JS文件把如下内容考进去
var imgheight
window.screen.width>800 ? imgheight=315:imgheight=315
function myload()
{
ctw.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight-100;
ctw.style.left=document.body.offsetWidth-1300;
mymove();
}
 function mymove()
 {
 ctw.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight-100;
 ctw.style.left=document.body.scrollLeft+document.body.offsetWidth-130;
 setTimeout("mymove();",50)
 }

function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; οnresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true)


document.write("<div id=ctw style='position: absolute;width:106;top:0;left:560;visibility: visible;z-index: 1'><object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0' width='100' height='100'><param name='movie' value='0492501.swf'><param name='quality' value='high'><embed src='0492501.swf' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' width='100' height='100'></embed></object></div>");
myload()
这个层里面的是FLASH，也可以是一个图片，或者其他的元素
在<body>下边放置如下语句就可以了(特别注意路径要写对)：<SCRIPT language=javascript1.1
src="/js/JS名字.js"></SCRIPT>

chenlianjia
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript 特效:两侧跟随的广告
houyanhua1的专栏
03-17 1711
demo.html： Document .img1 { position: absolute; top: 80px; left: 10px; } .img2 { position: absolute;
js跟随的广告
weixin_33738555的博客
05-02 111
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;me
JavaScript实现跟随广告
小白小白从不日别的博客
11-06 1648
* { margin: 0; padding: 0; } img { position: absolute; left: 0; } p { text-align: center; line-height: 40px; } ...
广告JS代码效果大全
aiqixiao2017的博客
12-04 207
广告JS代码效果大全1.[普通效果] 现在很多网站广告做的如火如荼，现在我就来介绍一下常见的对联浮动广告效果的代码使用方法，介绍的这种效果，在1024*768分辨率下正常显示，在800*600的分辨率下可以自动隐藏，以免遮住页面影响访问者浏览内容，下面就是实现效果所需代码： var delta=0.015var collection; function floaters(...
JS特效：两侧广告跟随
Chongch_M的博客
10-01 1396
1.首先分析一下，两侧广告跟随，就是在鼠标向下滚动时，左右两幅图也跟着向下滚动相等的距离 2.可以知道假设鼠标向下滚动了100px的话，那么两个图片也是向下滚动了100px，他的位置就是100加上图片距离父标签的距离 3.现在还要实现一个图片的缓慢移动，就是设置一个计时器，分步骤将图片一步一步的走到最终的位置 4.用当前屏幕被卷去的长度在加上距离上屏幕的高度就是图片应该到达的位置y，此时用y减去当前图片距离顶部的距离，就是图片到达y的距离sum。 5.要实现缓慢移动的话可以将sum/10,图片一点一点的移动
JavaScript实现跟随滚动缓冲运动广告框
10-19
JavaScript 实现跟随滚动缓冲运动广告框是一种常见的网页交互效果，常用于吸引用户的注意力。这种技术主要是通过 JavaScript 来监听窗口的滚动事件，并根据滚动位置动态调整广告框的位置，使其始终保持在用户视野...
js网页侧边随页面滚动广告效果实现
01-21
a.scrollTop的计算； b.滚动元素的定位值计算； c.滚动周期设定； 代码如下： css部分： 代码如下: /*测试用的高度*/ body{ height:3000px;} div,ul,li,body{margin:0; padding:0;... JS代码： 代码如下: v
弹性十足的鼠标跟随效果特效代码
03-20
标题中的“弹性十足的鼠标跟随效果特效代码”指的是在网页设计中实现的一种动态效果，它使得页面上的元素能够根据鼠标的移动产生具有弹性的跟随动作。这种效果常常用于提升用户体验，增加互动性，吸引用户的注意力。...
鼠标跟随效果代码
09-06
在网页设计中，鼠标跟随效果是一种常见的交互设计技术，它可以使元素随着用户的鼠标移动而动态地改变位置，常用于广告展示、提示信息等场景。在给出的代码中，我们可以看到一个简单的JavaScript实现的鼠标跟随效果。...
JavaScript广告图片跟随滚动
虾米大王的学习历程
12-31 1019
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> #adver { position: relative; } </style> <script&.
十个炫酷的JS广告效果
04-01
十个炫酷的JS广告效果，非常漂亮，可以防灾网站的首页用来吸引眼球
6种不同效果的JS广告代码特效
09-11
这里是我整理收集的6种不同效果的JS广告代码特效，非常实用
js效果之漂浮广告
li3196672779的博客
06-08 410
*{ padding: 0; margin: 0; } #box{ width: 100px; height: 100px; } #X{ position: absolute; right: 0; top: 0; width: 20px; height: 20px; text-align: c
js原生广告漂浮效果
weixin_43757541的博客
01-10 540
漂浮广告效果 源码 详解 话不多说，献上源码 源码后带有详解 html &lt;style&gt; *{ margin: 0; padding: 0; } #box{ width: 400px; height: 400px; /*border: 1px solid red;*/ ba...
原生JS实现碰撞广告效果
旅行中的伊蕾娜的博客
07-20 170
一个可以从左上角开始，往右下角移动，碰到屏幕边界时会往相反方向移动广告效果 代码部分： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0;
.Net水晶报表使用
Chenlianjia的专栏
10-17 2393
水晶报表10.0企业版下载地址http://down.9iv.com/水晶报表10 注册码FULL NAME -> PARADOX ORGANIZATION -> PDX-ROXX KEY CODE -> A5860-01C000G-T4C00JP注册号:6707437608密码:AAP5GKS0000GDE100DS水晶报表10企业版key code 为 A3864-08108WK-0ZNF01
《C#数据库入门经典笔记》
Chenlianjia的专栏
04-22 1673
《数据库入门经典笔记》1。获取数据   6。1创建COMMAND对象using System;using System.Data;using System.Data.SqlClient;class SQLServerProvider{ static void Main(string[] args) {  string Constr = @"server=localhost;integrated s
C#学习资料和网址
Chenlianjia的专栏
09-29 1495
http://chs.gotdotnet.com/QuickStart/howto/default.aspx?url=/quickstart/howto/doc/languages.aspxhttp://chs.gotdotnet.com/quickstart/aspplus/＝＝＝＝＝＝＝＝＝＝net网站================http://tech.ccidnet.com/http:/
js实现跟随鼠标粒子效果
最新发布
03-31
以下是一个简单的js代码实现跟随鼠标粒子效果： HTML： ```html <canvas id="canvas"></canvas> ``` CSS： ```css #canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } ``` JS...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值