怎样制作弹窗广告

JavaScript030

怎样制作弹窗广告,第1张

一般弹窗广告都是一些js技术来实现的。但是我们并不要精通js代码，只要懂得简单的html语言就行了。在百度一搜“js广告”就会有很多网站提供一些免费的js广告，当然包括弹窗广告。把js广告复制下来，插入你的网站代码的相应位置就可以了。比如网站的一些客服邀请。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<script src="http://code.jquery.com/jquery-latest.js"></script>

<style>

*{margin: 0padding: 0}

img{position: relativeleft: 0top: 100px}

.div1{width: 100pxheight: 100pxbackground: greenposition: absoluteleft: 0top: 0z-index: 999}

</style>

</head>

<body style="height:2000px">

<div class="div1">left</div>

<script>

var x=0

var y=0

var i=1

var j=1

var xWidth=$(window).width()-100

var yHeight=$(window).height()-100

setInterval(function(){

if(x==xWidth){

i=-1

}

if(x<0){

i=1

}

x=i+x

if(y==yHeight){

j=-1

}

if(y<0){

j=1

}

y=j+y

$(".div1").css({"left":x,"top":y})

}, 5)

</script>

</body>

</html>