高分提问:实现漂浮图片鼠标放上去就停,实现两个图片移动。一个图片效果已经实现。在线等哦:)
一个图片效果已经实现。
<script language="JavaScript">
<!--
var pic="http://www.006.net/qq/qq.gif";
var alt="";
var speed=60;
var light=0;
var stop=0;
var num=0;
var brOK=false;
var mie=false;
var aver=parseInt(navigator.appVersion.substring(0,1));
var aname=navigator.appName;
var vmin=2;
var vmax=5;
var vr=2;
var timer1;
var allyes;
var ns = (document.layers) ? 1 : 0;
var ie = (document.all) ? 1 : 0;
var bFade=false;
function checkbrOK(){
if(aname.indexOf("Internet Explorer")!=-1){
if(aver>=4) brOK=navigator.javaEnabled();
mie=true;
}
if(aname.indexOf("Netscape")!=-1){
if(aver>=4) brOK=navigator.javaEnabled();
}
}
function Chip(chipname,width,height){
this.named=chipname;
this.vx=vmin+vmax*Math.random();
this.vy=vmin+vmax*Math.random();
this.w=width;
this.h=height;
this.xx=10;
this.yy=10;
this.timer1=null;
}
function movechip(chipname){
if (stop!=1){
if(brOK){
eval("chip="+chipname);
if(!mie){
pageX=window.pageXOffset;
pageW=window.innerWidth;
pageY=window.pageYOffset;
pageH=window.innerHeight;
}
else{
pageX=window.document.body.scrollLeft;
pageW=window.document.body.offsetWidth;
pageY=window.document.body.scrollTop;
pageH=window.document.body.offsetHeight;
}
chip.xx=chip.xx+chip.vx;
chip.yy=chip.yy+chip.vy;
chip.vx+=vr*(Math.random()-0.5);
chip.vy+=vr*(Math.random()-0.5);
if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;
if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;
if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
if(chip.xx<=pageX){
chip.xx=pageX;
chip.vx=vmin+vmax*Math.random();
}
if(chip.xx>=pageX+pageW-chip.w){
chip.xx=pageX+pageW-chip.w;
chip.vx=-vmin-vmax*Math.random();
}
if(chip.yy<=pageY){
chip.yy=pageY;
chip.vy=vmin+vmax*Math.random();
}
if(chip.yy>=pageY+pageH-chip.h){
chip.yy=pageY+pageH-chip.h;
chip.vy=-vmin-vmax*Math.random();
}
if(!mie){
eval("document."+chip.named+".top ="+chip.yy);
eval("document."+chip.named+".left="+chip.xx);
}
else{
eval("document.all."+chip.named+".style.pixelLeft="+chip.xx);
eval("document.all."+chip.named+".style.pixelTop ="+chip.yy);
}
chip.timer1=setTimeout("movechip('"+chip.named+"')",speed);
}
}
else {chip.timer1=setTimeout("movechip('"+chip.named+"')",speed);}
if (ie){
if (light==1){
var nOpacity=oImg.filters.alpha.opacity;
if (nOpacity>=100) bFade=true;
if (nOpacity<=0) bFade=false;
if (bFade) oImg.filters.alpha.opacity--;
if (!bFade) oImg.filters.alpha.opacity++;
}
}
}
function stopme(chipname){
if(brOK){
eval("chip="+chipname);
if(chip.timer1!=null){
clearTimeout(chip.timer1)
}
}
}
function allyes1(){
if (num==0){
checkbrOK();
allyes=new Chip("allyes",100,80);
if(brOK) {
movechip("allyes");
}
}
num++;
}
if (ie){
document.write("<div ID='allyes' STYLE='position:absolute;left: 10px; top: 10px;'>");
document.write("<a HREF='http://www.006.net/qq/qq.htm' target='_blank'>");
if (light==1){
document.write("<dd><img SRC='" + pic + "' onload='allyes1()' ID='oImg' border='0' alt='" + alt + "' style='position:absolute;left:200px;top:200px;filter:alpha(opacity=50);' onMouseOver='stop=1;' onMouseOut='stop=0;'></a></dd>");
}
else if (light==0){
document.write("<dd><img SRC='" + pic + "' onload='allyes1()' border='0' alt='" + alt + "' onMouseOver='stop=1;' onMouseOut='stop=0;'></a></dd>");
}
document.write("</div>");
}
else if (ns){
document.write("<layer name='allyes' visibility=\"show\" onMouseOver='stop=1;' onMouseOut='stop=0;' onload='allyes1()' >");
document.write("<a HREF='http://www.006.net/qq/qq.htm' target='_blank'>");
document.write("<dd><img SRC='" + pic + "' border='0' alt='" + alt + "'></a></dd>");
document.write("</layer>");
}
//-->
</script>
问题点数:100、回复次数:9Top
1 楼davery()回复于 2004-12-01 18:03:28 得分 5
这么长啊,最近有点懒啊,UPTop
2 楼tomtown530(梦想一定会实现!)回复于 2004-12-01 19:15:33 得分 5
呵呵,是啊,现在玩ASP的都去玩。NET了,看ASP是有点懒啊,呵呵
不过楼主一定是个JS高手Top
3 楼yjbnew(伟大的光荣的正确的ASP千岁千岁千千岁)回复于 2004-12-01 19:20:17 得分 5
看看这里 http://community.csdn.net/Expert/topic/3543/3543161.xml?temp=.1478083Top
4 楼yjbnew(伟大的光荣的正确的ASP千岁千岁千千岁)回复于 2004-12-01 19:20:52 得分 5
好像就是为你准备的。
我这个随便你放多少个Top
5 楼7758iloveu(xixihaha)回复于 2004-12-02 07:47:51 得分 0
图片的可以从外部赋给,因为要从数据库里面读出图片名称。
我想加入图片,应该怎么办?
我看了你的源文件,看不到有放图片的位置。Top
6 楼everywhen(那天,我醉了!)回复于 2004-12-02 08:31:23 得分 5
学习Top
7 楼lijun355(孤)回复于 2004-12-02 09:09:54 得分 20
滚动的主文件!
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<SCRIPT language=JavaScript src="scroll/scroll02.js"></SCRIPT>
<META content="MSHTML 5.00.3315.2870" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff leftMargin=0 onload=javascript:startscroll(); text=#000000
topMargin=0>
<table width="760" border=0 align=left cellpadding=0 cellspacing=0>
<tbody>
<tr>
<td width=100><img alt=天津e绚工作室 border=0 height=80
onMouseOut=javascript:startscroll(); onMouseOver=javascript:stopscroll();
src="scroll/img01.jpg" width=120></td>
<td width=100><img alt=天津e绚工作室 border=0 height=80
onMouseOut=javascript:startscroll(); onMouseOver=javascript:stopscroll();
src="scroll/img02.jpg" width=120></td>
<td width=100><img alt=天津e绚工作室 border=0 height=80
onMouseOut=javascript:startscroll(); onMouseOver=javascript:stopscroll();
src="scroll/img03.jpg" width=120></td>
<td width=100><img alt=天津e绚工作室 border=0 height=80
onMouseOut=javascript:startscroll(); onMouseOver=javascript:stopscroll();
src="scroll/img04.jpg" width=120></td>
<td width=50><img alt=天津e绚工作室 border=0 height=80
onMouseOut=javascript:startscroll(); onMouseOver=javascript:stopscroll();
src="scroll/img05.jpg" width=120></td>
<td width=50><img alt=天津e绚工作室 border=0 height=80
onMouseOut=javascript:startscroll(); onMouseOver=javascript:stopscroll();
src="scroll/img10.jpg" width=120></td>
<td width=100><img alt=天津e绚工作室 border=0 height=80
onMouseOut=javascript:startscroll(); onMouseOver=javascript:stopscroll();
src="scroll/img07.jpg" width=120></td>
<td width=100><img alt=天津e绚工作室 border=0 height=80
onMouseOut=javascript:startscroll(); onMouseOver=javascript:stopscroll();
src="scroll/img08.jpg" width=120></td>
<td width=100><img alt=天津e绚工作室 border=0 height=80
onMouseOut=javascript:startscroll(); onMouseOver=javascript:stopscroll();
src="scroll/img01.jpg" width=120></td>
<td width=100><img alt=天津e绚工作室 border=0 height=80
onMouseOut=javascript:startscroll(); onMouseOver=javascript:stopscroll();
src="scroll/img09.jpg" width=120></td>
<td width=100><img alt=天津e绚工作室 border=0 height=80
onMouseOut=javascript:startscroll(); onMouseOver=javascript:stopscroll();
src="scroll/img03.jpg" width=120></td>
<td width=100><img alt=天津e绚工作室 border=0 height=80
onMouseOut=javascript:startscroll(); onMouseOver=javascript:stopscroll();
src="scroll/img04.jpg" width=120></td>
<td width=100><img alt=天津e绚工作室 border=0 height=80
onMouseOut=javascript:startscroll(); onMouseOver=javascript:stopscroll();
src="scroll/img05.jpg" width=120></td>
<td width=50><img alt=天津e绚工作室 border=0 height=80
onMouseOut=javascript:startscroll(); onMouseOver=javascript:stopscroll();
src="scroll/img09.jpg" width=120></td>
<td width=50><img alt=天天津e绚工作室 border=0 height=80
onMouseOut=javascript:startscroll(); onMouseOver=javascript:stopscroll();
src="scroll/img10.jpg" width=120></td>
<td width=100><img alt=天津e绚工作室 border=0 height=80
onMouseOut=javascript:startscroll(); onMouseOver=javascript:stopscroll();
src="scroll/img07.jpg" width=120></td>
<td width=100><img alt=天津e绚工作室 border=0 height=80
onMouseOut=javascript:startscroll(); onMouseOver=javascript:stopscroll();
src="scroll/img08.jpg"
width=120></td>
</tr>
</tbody>
</table>
</BODY></HTML>Top
8 楼lijun355(孤)回复于 2004-12-02 09:10:23 得分 30
调用的JS文件!
var x0 = 0;
var y0 = 0;
var limdex = 760;
//limdex = 图像宽度 * 图像数量
var dest = 0;
var distance = 0;
var step = 0;
var destination = 0;
var on = true;
function scrollit(destination) {
step = 2;
dest = destination;
if (x0 < dest & x0 < limdex){
while (x0 < dest) {
step += (step / 7);
x0 += step;
scroll(x0,0);
}
if(dest <= limdex) { scroll(dest,0); }
x0 = dest;
}
if (x0 > dest) {
while (x0 > dest) {
step += (step / 7);
if(x0 >= (0+step)) { x0 -= step; scroll(x0,0); }
else break;
}
if(dest >= 0) { scroll(dest,0); }
x0 = dest;
}
if (x0 < 1) { scroll(1,0); x0=1 }
if (x0 > limdex) { scroll(limdex,0); x0 = limdex }
x0 = dest;
}
function scrollnow() {
if (on){
if (x0 < limdex & x0 >= 0 ) {
scroll(x0,0);
x0 = x0 + 1;
setTimeout('scrollnow()', 8);
} else if (x0 < 0) {
x0 = limdex;
scrollnow();
} else {
x0 = 0;
scrollnow();
}
}
}
function stopscroll() {
if (on){
on = false;
} else {
on = true;
scrollnow();
}
}
function startscroll() { on = true; scrollnow(); }
function stop_start() {
if (on){ on = false;} else { on = true;scrollnow();}
}Top
9 楼yjbnew(伟大的光荣的正确的ASP千岁千岁千千岁)回复于 2004-12-02 14:05:39 得分 25
你没有看到有个方法叫LOADHTML吗?Top




