.aa{width:100pxheight:20pxboder:solid 1px #f00}//定义搜索框的大小高度以及边框颜色。
思路是：
放大镜图标用个img写进来或者用其它标签用CSS做背景也可以；
下拉导航这种效果系统的Select下拉是最容易想到的，但是别想着用它做，，原因很简单，做不到的，，这个必须借助JS辅助来解决！
修改了！你应该是希望滚动条不管在什么位置 这个层都是可见的对吧？ 最原始的那个可以滚动不可见区域。 晚上我又改了一下 对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>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）