求HTML网站中的漂浮窗口代码````_IT百科

<divid="img"style="position:absoluteleft:35pxtop:556pxwidth:120height:172">

<ahref="/"qyml7.htm"><imgborder="0"src="/"lo1.gif"width="140"height="120"></a></p>

</div>

<SCRIPTLANGUAGE="JavaScript">

<!--Begin

varxPos=20

varyPos=document.body.clientHeight

varstep=1

vardelay=30

varheight=0

varHoffset=0

varWoffset=0

varyon=0

varxon=0

varpause=true

varinterval

img.style.top=yPos

functionchangePos(){

width=document.body.clientWidth

height=document.body.clientHeight

Hoffset=img.offsetHeight

Woffset=img.offsetWidth

img.style.left=xPos+document.body.scrollLeft

img.style.top=yPos+document.body.scrollTop

if(yon){

yPos=yPos+step

}

else{

yPos=yPos-step

}

if(yPos<0){

yon=1

yPos=0

}

if(yPos>=(height-Hoffset)){

yon=0

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)

}

functionstart(){

img.visibility="visible"

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

}

start()

//End-->

</script>

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

你的要求

在body的可见区域漂浮！

<html>

<head>

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

</head>

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

<p>

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>js物理d性漂浮广告</p>

<p></p>

</div>

<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/>asdasd

</body>

</html>

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

<html>

<head>

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

</head>

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

<p>

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>js物理d性漂浮广告</p>

<p></p>

</div>

</body>

</html>

经查询可以知道，可以使用的代码如下，

鼠标悬浮在输入框改变边框颜色或背景色代码，这个效果有两种方法：方法一是使用CSS中的伪元素:focus；方法二还是使用一小段javascript；

方法一的html代码和上面的例子中一样，只不过在CSS中加入以下一段：

input:hover { border:1px solid #F00}

在鼠标悬浮在输入框时，输入框边框就会变成红色，但是此方法只在Firefox浏览器和IE7以上版本中有效，IE6不支持，所以它有一定的局限性。

方法二的代码大部分和上面的例子中一样，只不过在在后面再加入一个一段鼠标悬浮的代码：

HTML代码

action="">

for="textfield">输入内容：

type="text" id="textfield" value="Dreamweaver"

οnfοcus="this.select()"

οnmοuseοver="this.style.borderColor='#FF6600'"

οnmοuseοut="this.style.borderColor=''" />

本代码来自IT知道网JAVASCRIPT 示例

使用这段代码，大多数浏览器都可以支持

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/bake/11770307.html

求HTML网站中的漂浮窗口代码````

发表评论

评论列表（0条）