js广告移动

最新推荐文章于 2020-08-13 17:28:07 发布

romeomama

最新推荐文章于 2020-08-13 17:28:07 发布

阅读量214

点赞数

分类专栏： js广告移动

本文链接：https://blog.csdn.net/romeomama/article/details/39078563

版权

js广告移动专栏收录该内容

1 篇文章 0 订阅

订阅专栏

这是一个使用JavaScript编写的简单广告轮播代码示例。当页面加载时，它会在3秒后开始自动轮播图片，从'banner1.gif'到'banner3.gif'，并在轮播结束后重新开始。

摘要由CSDN通过智能技术生成

<!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=utf-8" />

<title>无标题文档</title>

<script language="JavaScript">

<!--

var bannerNum=1;

function rotateBanner()

{

if(++bannerNum>3)

bannerNum=1;

document.getElementById("ttbanner").src="banner"+ bannerNum+

".gif";

window.setTimeout('rotateBanner();',3000);

}

//-->

</script>

</head>

<body οnlοad="window.setTimeout('rotateBanner();',3000);">

<h1 style="text-align:center">Game Lover Anonomyous</h1>

<p><a href="http://taobao.com">

<img src="banner1.gif" style="float:right" id="ttbanner" /></a>

<pre >Never give up,

Never lose hope.

Always have faith,

It allows you to cope.

Trying times will pass,

As they always do.

Just have patience,

Your dreams will come true.

So put on a smile,

You'll live through your pain.

Know it will pass,

And strength you will gain.</pre>

</p>

</body>

</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

romeomama

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

使用javaScript来实现一个简单的广告推送

qq_47811858的博客

07-21

414

JS-案例-div自动右下左上移动（随机变色）

Joker.M的博客

06-05

857

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> html,body{margin:0;padding:0;} div{ ...

参与评论您还未登录，请先登录后发表或查看评论

JavaScript实现网页上的浮动广告的简单方法

12-10

漫游于网络之间，你会发觉，因特网不但是信息的海洋，也是广告的海洋。除了普通的Gif Banner、Flash外，浮动广告也是时下网上较为流行的广告形式之一。当你拖动浏览器的滚动条时，这种在页面上浮动的广告，可以跟随屏幕一起移动。尽管这种效果对于广告展示有相当的实用价值，但对浏览你网页的人来讲，这则是个既妨碍阅读，又影响阅读兴趣的东西，因此一定不能滥用。不过，如果你能善用的话，它就能发挥出极大的作用。　　要做出浮动式广告的效果并不困难，如果你有JS基础的可以自己写一个，如果连写都懒得写的话，到网上下载一个特效工具，按提示粘贴一下代码就OK。不过，想要真正了解它是怎样做出来的，则需要掌握一些JS

js特效--移动的广告窗

专注专业专心

08-13

1076

效果图如下：效果说明：刷新页面时，广告窗默认按指定方向进行移动，在碰到浏览器边缘的时候，向相反的方法继续运动，当鼠标移动到广告窗上时，广告窗停止运动，当鼠标移开时，广告窗继续运动。在点击关闭按钮后，广告窗隐藏，1s后广告窗再次出现，第四次点击关闭的时候，广告窗彻底隐藏。代码如下： index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <t

Js制作移动漂浮广告

记录日常工作的思考

07-27

786

html lang="en"> head> meta charset="UTF-8"> title>Titletitle> script> var directX=1;//x轴的方向 var directY=1;//y轴的方向 var moveX=0;//图片的坐标 var moveY=0; v

js写移动广告，右侧边信息

岁月如歌去，十年弹指间

04-20

395

html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...

一也用ＪＳ实现的页面整体移动显示广告并收起！

一切为方便自己帮助别人！

10-22

1034

这里　我把代码弄出来大家可以参考一下！ GLUME-滑动展开/收缩广告代码 var intervalId = null; function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){ this.stayTime=nStayTime*1000 || 3000; this.maxHeigth=nMaxHth || 90; th

javascript 广告移动特效的实现代码

10-22

总结来说，这个JavaScript广告移动特效利用了JavaScript的事件监听、定时器以及DOM操作，创建了一个简单但有效的动画效果。这种技术在网页设计中广泛使用，特别是在制作交互式网页元素和动态效果时。理解并掌握这种...

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-24

在网页设计中，有时我们需要创建一些具有互动性的广告或提示框，例如跟随鼠标移动的图片广告，并且提供关闭功能。这个实例就是通过JavaScript实现这样的功能，让我们深入了解一下其中的关键技术。首先，我们要创建...

js实现全屏漂浮广告移入光标停止移动

10-26

定义了一个JavaScript对象`ggRoll`，其中包含了广告元素、移动速度、移动状态标志、广告位置坐标以及窗口大小信息。通过设置`setInterval`函数，每隔一定时间（以毫秒为单位）就执行`ggRoll.Go()`方法，该方法中通过...

js实现网页中常见的随滚动条移动的悬浮广告栏做法

04-13

这里的scrollTop这个变量就是获取得到可视区到达页面顶部的距离 2 调用运动函数的时候付入的参数其实就是先用整个可视区的高度减去盒子的高度，然后在加上可视区到顶部的距离，这样可以实现的就是把悬浮广告停在右下角的位置 3 根据上面的分析则说明如果把可视区的高减掉盒子的高然后再除掉2，那么此时再加上可视区到顶部的距离就可以把这个盒子保始终停在页面的中间,但是这里会有一个小问题，那就是因为我们除去2运算了所以会出现小数的情况。这样就会在那个整点位置来回走。解决的方法就是把运算结果通过parseInter取整。

JS实现网站悬浮广告

An丶的博客

03-23

3319

如图黄色区块会沿着浏览器的上下左右碰撞移动,可关闭,鼠标移上去会停止<!doctype html> <html> <he> <meta charset="utf-8"> <title>广告</title> <style type="text/css"> *{

js写一个上下左右移动的窗口广告

xin的博客

12-04

830

js写一个上下左右移动的窗口广告 <SCRIPT type=text/javascript> function addEvent(obj,evtType,func,cap){ cap=cap||false; if(obj.addEventListener){ obj.addEventListener(evtType,func,cap); return true; }else...

js实现图片移动