你的要求
在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>
因为字被拉长了，正面看不容易识别，不仅侧看 竖看，用软件吧图片缩短或者拉窄，都会让字尽可能恢复方正，这样眼就容易识别了。制作很简单，只用要制图软件，吧打出来的字体拉长，然后把横向和纵向的两句话重叠即可。圆锥侧面展开图是一个扇形。利用扇形园心角对应的弧长就是圆锥底面园周长计算。应该有直接公式套吧。忘了也可以推导一下。设圆锥侧面展开扇形圆心角弧度为K，母线为L，圆锥底面园直径为d.有：
∏d=KL
面积：
s=k/2∏*（∏L*L）
所以S=∏dL/2
对应带入就可以求出了侧面积。再加上一个底面积就是全面积。
2、把240度换算成弧度：
240/360得出弧度。侧面展开半径就是L=18，带入∏d=KL就可以得出底面直径。
3、界面三角形中过顶点作底边垂线。直角三角形中求出垂线长就是高。同时，底面直径d=6,母线L=6，带入公式S=∏dL/2就可以求出侧面积了。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）