html网页打开后延时5秒出现一段数字的代码?

html网页打开后延时5秒出现一段数字的代码?,第1张

使用js的setTimeout()定时器。

定义和用法

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

setTimeout() 只执行 code 一次。

语法:

setTimeout(code,millisec)

delay函数只会延迟jquery效果队列中的 *** 作,默认队列是fx,你的html() *** 作是不在队列里的,所以没生效

http://www.365mini.com/page/jquery-delay.htm

这是delay函数的详解

你要延迟的话,可以用setTimeout方法来代替

修改了!你应该是希望滚动条不管在什么位置 这个层都是可见的对吧? 最原始的那个可以滚动不可见区域。 晚上我又改了一下 对xxx_div做了一下修改。 看看能否满足

你的要求

在body的可见区域漂浮!

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>经典的js物理d性漂浮图片广告代码丨芯晴网页特效丨CsrCode.Cn</title>

</head>

<p class="intro_p"><body style="margin:0padding:0">

<div id="xxx_div" style=" left: expression(0)border:0px #ccc solidWIDTH: 100%POSITION: absoluteTOP: expression(body.scrollTop)HEIGHT: 100%left: 0pxtop: 0px"></div>

<div>

<DIV id=img1 style="Z-INDEX: 100LEFT: 2pxWIDTH: 59pxPOSITION: absoluteTOP: 43pxHEIGHT: 61px

visibility: visible"><a href="" target="_blank"><img src="" width="250" height="60" border="0"></a></DIV>

<div align="center">

<p>

<SCRIPT>

var xPos = 300

var yPos = 200

var step = 1

var delay = 30

var height = 0

var Hoffset = 0

var Woffset = 0

var yon = 0

var xon = 0

var pause = true

var interval

img1.style.top = yPos

function changePos()

{

var objd = document.getElementById("xxx_div")

//width = document.body.clientWidth

//height = document.body.clientHeight

width = objd.clientWidth

height = objd.clientHeight

Hoffset = img1.offsetHeight

Woffset = img1.offsetWidth

img1.style.left = xPos + objd.offsetLeft

img1.style.top = yPos + objd.offsetTop

if (yon)

else

if (yPos <0)

if (yPos >= (height - Hoffset))

if (xon)

else

if (xPos <0)

if (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()

</SCRIPT>

</p>

<p></p>

<p></p>

<p></p>

<p></p>

<p></p>

<p>js物理d性漂浮广告</p>

<p></p>

<p></p>

</div>

<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>asdsad

<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>asdasd

</body>

</html>

下面这个是在指定定的小窗口内飘动,我改了一下测试可以运行:

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>经典的js物理d性漂浮图片广告代码丨芯晴网页特效丨CsrCode.Cn</title>

</head>

<p class="intro_p"><body>

<div id="xxx_div" style="top:20pxleft:50pxwidth:600pxheight:500pxborder:2px #ccc solid"></div>

<div>

<DIV id=img1 style="Z-INDEX: 100LEFT: 2pxWIDTH: 59pxPOSITION: absoluteTOP: 43pxHEIGHT: 61px

visibility: visible"><a href="" target="_blank"><img src="" width="250" height="60" border="0"></a></DIV>

<div align="center">

<p>

<SCRIPT>

var xPos = 300

var yPos = 200

var step = 1

var delay = 30

var height = 0

var Hoffset = 0

var Woffset = 0

var yon = 0

var xon = 0

var pause = true

var interval

img1.style.top = yPos

function changePos()

{

var objd = document.getElementById("xxx_div")

//width = document.body.clientWidth

//height = document.body.clientHeight

width = objd.clientWidth

height = objd.clientHeight

Hoffset = img1.offsetHeight

Woffset = img1.offsetWidth

img1.style.left = xPos + objd.offsetLeft

img1.style.top = yPos + objd.offsetTop

if (yon)

else

if (yPos <0)

if (yPos >= (height - Hoffset))

if (xon)

else

if (xPos <0)

if (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()

</SCRIPT>

</p>

<p></p>

<p></p>

<p></p>

<p></p>

<p></p>

<p>js物理d性漂浮广告</p>

<p></p>

<p></p>

</div>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8369993.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存