麻烦高手给一段飘浮图片的代码
同上。多谢! 问题点数:30、回复次数:7Top
1 楼feizhou(小面羊)回复于 2002-06-07 00:22:35 得分 8
在<body>区域加入下面代码:
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
//1) 指定图片的路径
var imagepath="logo.gif"
//2) 指定图片的大小尺寸
var imagewidth=88
var imageheight=31
//3) 调整速度 (lower is slower)
var speed=8;
//4) 设定点击图像时的行为
//"dismiss"值为解除图像的漂浮,当指定URL时,浏览器将链接该URL
var imageclick="dismiss"
//5) 最后,设定图像自动消失的时间,单位为秒(0=永久性)
var hideafter=0
////No editing required beyond this point/////////////////
var isie=0;
if(window.navigator.appName=="Microsoft Internet Explorer"&&window.navigator.appVersion.substring(window.navigator.appVersion.indexOf("MSIE")+5,window.navigator.appVersion.indexOf("MSIE")+8)>=5.5) {
isie=1;
}
else {
isie=0;
}
if(isie){
var preloadit=new Image()
preloadit.src=imagepath
}
function pop() {
if(isie) {
x=x+dx;y=y+dy;
oPopup.show(x, y, imagewidth, imageheight);
if(x+imagewidth+5>screen.width) dx=-dx;
if(y+imageheight+5>screen.height) dy=-dy;
if(x<0) dx=-dx;
if(y<0) dy=-dy;
startani=setTimeout("pop();",50);
}
}
function dismisspopup(){
clearTimeout(startani)
oPopup.hide()
}
function dowhat(){
if (imageclick=="dismiss")
dismisspopup()
else
window.location=imageclick
}
if(isie) {
var x=0,y=0,dx=speed,dy=speed;
var oPopup = window.createPopup();
var oPopupBody = oPopup.document.body;
oPopupBody.style.cursor="hand"
oPopupBody.innerHTML = '<IMG SRC="'+preloadit.src+'">';
oPopup.document.body.onmouseover=new Function("clearTimeout(startani)")
oPopup.document.body.onmouseout=pop
oPopup.document.body.onclick=dowhat
pop();
if (hideafter>0)
setTimeout("dismisspopup()",hideafter*1000)
}
// -->
</SCRIPT>Top
2 楼qisanyou(承接网站建设业务)回复于 2002-06-07 07:55:40 得分 7
请参考:
http://www.1studio.net/html/example/0039/0039.htmTop
3 楼ssjwhy(阿修罗)回复于 2002-06-07 14:58:40 得分 0
好像不能实现阿Top
4 楼Iamfish(呆鱼)回复于 2002-06-07 18:49:07 得分 8
<div id="img" style="position:absolute; left: 592px; top: 176px; width: 121px; height: 121px;ccursor:hand; background: ; z-index: 10" onmouseover="clearInterval(interval);//img.style.background='#FFFFFF'" onmouseout="interval = setInterval('changePos()', delay);//img.style.background=''" 0
> <!--如果你要放圖片,把Object去掉,換成阿img-->
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
WIDTH=120 HEIGHT=120>
<!--這裏放上你要放的swf文件-->
<PARAM NAME=movie VALUE="images/1.swf">
<PARAM NAME=quality VALUE=high> <PARAM NAME=wmode VALUE=transparent> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="images/zp.swf" quality=high wmode=transparent bgcolor=#FFFFFF WIDTH=120 HEIGHT=120 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>
</OBJECT></div>
<script language="JavaScript">
<!-- Begin
var xPos = 20;
var yPos = document.body.clientHeight;
var step = 1;
var delay = 50;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = yPos;
function changePos() {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left =xPos + document.body.scrollLeft; //width-167-20
img.style.top = yPos + document.body.scrollTop;
if (yon) {
yPos = yPos + step;
}
else {
yPos = yPos - step;
}
if (yPos <90) {
yon = 1;
yPos = 90;
}
if (yPos >= (height - Hoffset)) {
yon = 0;
yPos = (height - Hoffset);
}
if (xon) {
xPos = xPos + step;
}
else {
xPos = xPos - step;
}
if (xPos < 200) {
xon = 1;
xPos = 200;
}
if (xPos >= (width - Woffset)) {
xon = 0;
xPos = (width - Woffset);
}
}
function start() {
img.visibility = "visible";
interval = setInterval('changePos()', delay);
}
start();
// End -->
</script>Top
5 楼lczsky(*朴树*MSN:lczsky@hotmail.com)回复于 2002-06-07 21:47:27 得分 7
<script language="JavaScript">
<!--
B=document.all;
C=document.layers;
T1=new Array("leave1.gif",38,35,"leave2.gif",30,31,"leave3.gif",28,26,"leave4.gif",22,21,"leave5.gif",16,16,"leave6.gif",10,10)
nos=parseInt(T1.length/3)
rate=50
ie5fix1=0;
ie5fix2=0;
for (i=0;i<nos;i++){
createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}
function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
with (document){
write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
if(St){
if (C)
write(" style='");
write(St+";' ")
}
else write((B)?"'":"");
write((At)? At+">" : ">");
write((HT) ? HT : "");
if (!Op)
closeContainer(N)
}
}
function closeContainer(){
document.write((B)?"</div>":"</layer>")
}
function getXpos(N){
return (B) ? parseInt(B[N].style.left) : C[N].left
}
function getYpos(N){
return (B) ? parseInt(B[N].style.top) : C[N].top
}
function moveContainer(N,DX,DY){
c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY
}
function cycle(){
//if (IE5)
if (document.all&&window.print){
ie5fix1=document.body.scrollLeft;
ie5fix2=document.body.scrollTop;
}
for (i=0;i<(nos-1);i++){
moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
}
}
function newPos(e){
moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2
)
}
if(document.layers)
document.captureEvents(Event.MOUSEMOVE)
document.onmousemove=newPos
setInterval("cycle()",rate)
</script>Top
6 楼ceocio(成都招聘.Net工程师,有意者请联系我)回复于 2002-06-07 22:17:48 得分 0
www.ceocio.net/float.js
你下载下来看嘛!Top
7 楼star20(Wishing)回复于 2002-06-08 15:05:02 得分 0
在这个CSDN里,有个高手说:授人以鱼,不如授人以渔!你可以使用“有声有色”制作网页特效!“有声有色”很容易载到的!Top




