打印

[收藏] JavaScript 经典效果集－第二期策划中

9999999999999

银牌会员

帖子: 832
体力: 1900
威望: 0
当前: 安徽芜湖
离线: 46 天

发短消息

61^# 大中小发表于 2006-6-14 20:31

[收藏] JavaScript经典效果集(6.9日更新)

提示：您可以先修改部分代码再运行

禁止“Senfe”回复“99999999999”的帖子！！

TOP

wuleying

银子
版主

帖子: 10563
体力: 9207
威望: 18
当前: 北京朝阳区

专长 PHP,Perl,MySQL

62^# 大中小发表于 2006-6-16 17:36

[收藏] JavaScript经典效果集(6.15日更新)

滚动效果

<div id="adsfar">
  <table width="100%" border="0" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC">
    <tr>
      <td bgcolor="#FFFFFF">1</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">2</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">3</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">4</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">5</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">6</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">7</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">8</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">9</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">10</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">11</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">12</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">13</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">14</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">15</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">16</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">17</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">18</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">19</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">20</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">21</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">22</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">23</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">24</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">25</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">26</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">27</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">28</td>
    </tr>
  </table>
</div>
<script type="text/javascript">
marque(320,196,"icefable1","box1left")
var scrollElem;
var stopscroll;
var stoptime;
var preTop;
var leftElem;
var currentTop;
var marqueesHeight;
function marque(width,height,marqueName,marqueCName){
	try{
	  marqueesHeight = height;
	  stopscroll     = false;
	  scrollElem = document.getElementById("adsfar");
	  with(scrollElem){
		style.width     = width;
		style.height    = marqueesHeight;
		style.overflow  = 'hidden';
		noWrap          = true;
	  }
	  scrollElem.onmouseover = new Function('stopscroll = true');
	  scrollElem.onmouseout  = new Function('stopscroll = false');
	  preTop     = 0; 
	  currentTop = 0; 
	  stoptime   = 0;
	  leftElem = document.getElementById("adsfar");
	  scrollElem.appendChild(leftElem.cloneNode(true));
		  
	  init_srolltext();
	}catch(e) {}
}
function init_srolltext(){
  scrollElem.scrollTop = 0;
  setInterval('scrollUp()', 18);
}
function scrollUp(){
  if(stopscroll) return;
  currentTop += 1;
  if(currentTop == marqueesHeight+1) {
    stoptime += 1;
    currentTop -= 1;
    if(stoptime == (marqueesHeight)*1) {//停顿时间
      currentTop = 0;
      stoptime = 0;
    }
  }else{
    preTop = scrollElem.scrollTop;
    scrollElem.scrollTop += 1;
    if(preTop == scrollElem.scrollTop){
      scrollElem.scrollTop = marqueesHeight;
      scrollElem.scrollTop += 1;
    }
  }
}
</Script>

提示：您可以先修改部分代码再运行

银子博客 QQ表情
经典站长QQ群：16719484 Nothing...

TOP

newlethe

高级会员

帖子: 355
体力: 772
威望: 2
当前: 湖北武汉
离线: 87 天

63^# 大中小发表于 2006-6-26 00:12

[收藏] JavaScript经典效果集(6.19日更新)

mengzhiluo在上个帖子中说

引用:

向左滚动的这个代码不好使啊。走走就停了。哪位高手改改？？
<div id="demo" style="overflow:hidden;width:670px;color:#ffffff;"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td id="demo1" valign="top"> <table cellpadding="2" cellspacing="0" border="0"> <tr align="center"> <td><img src="http://www.haao.cn/logo.gif" width="88" /></td> <td><img src="http://www.haao.cn/logo.gif" width="88" /></td> <td><img src="http://www.haao.cn/logo.gif" width="88" /></td> <td><img src="http://www.haao.cn/logo.gif" width="88" /></td> <td><img src="http://www.haao.cn/logo.gif" width="88" /></td> </tr> </table> </td> <td id="demo2" valign="top"></td> </tr> </table> </div> <script> var speed=30//速度数值越大速度越慢 demo2.innerHTML=demo1.innerHTML function Marquee(){ if(demo2.offsetLeft-demo.scrollLeft<=0) demo.scrollLeft-=demo1.offsetWidth else{ demo.scrollLeft++ } } var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} </script>
提示：您可以先修改部分代码再运行

发现了!!
今晚先看世界杯,明天上班查查问题,修改修改

http://www.haao.cn

TOP

newlethe

高级会员

帖子: 355
体力: 772
威望: 2
当前: 湖北武汉
离线: 87 天

64^# 大中小发表于 2006-6-26 00:14

[收藏] JavaScript经典效果集(6.19日更新)

marvellous在上个帖子中说

引用:

楼上这个向左滚动的这个有点毛病,刚滚动几格就不动了.

才发现...不好意思!!

明天查查问题!!修改好!!

http://www.haao.cn

TOP

goodrose

初级会员

帖子: 58
体力: 165
威望: 0
离线: 5 天

65^# 大中小发表于 2006-7-1 20:27

用层模拟可移动的小窗口

我来个：用层模拟可移动的小窗口``` 可用于网站的提示信息哦

<html>
<head>
<title>_xWin</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Description" CONTENT="http://www.xuemu.net">
<style type='text/css'>

</style>
<script language=JScript>

</script>
<script language='JScript'>

</script>
</head>
<base target="_blank">
<body onselectstart='return false' oncontextmenu='return false' >
<a onclick="ShowHide('1',null);return false;" href="">窗口1</a>
<a onclick="ShowHide('2',null);return false;" href="">窗口2</a>
<a onclick="ShowHide('3',null);return false;" href="">窗口3</a>
</body>
</html>

提示：您可以先修改部分代码再运行

http://www.xuemu.net〖雪幕天涯〗俺的小家

TOP

lootlater

初级会员

帖子: 56
体力: 126
威望: 0
离线: 75 天

66^# 大中小发表于 2006-7-2 02:33

[收藏] JavaScript经典效果集(6.30日更新)

<STYLE type=text/css>.cur {
	CURSOR: hand
}
</STYLE>
<SCRIPT language=JavaScript>

</SCRIPT>
<IMG class=cur 
                        onclick=ShowContent(7,21) height=20 
                        src="http://www.blueidea.com/img/common/logo.gif" width=58 border=0> 
                        <DIV id=DivTitle21 style="DISPLAY: none">mvelf</DIV>
                        <DIV id=DivText21 
                        style="DISPLAY: none">Name:lootlater<br>sex:boy<br>homepage:http://www.mvelf.com<br>testing</DIV>

提示：您可以先修改部分代码再运行

有些问题先留下有达人帮忙看下最好
不行就=我研究好了再回来改正它

may i can

TOP

leobluewing

初级会员

帖子: 32
体力: 69
威望: 1
离线: 17 天

67^# 大中小发表于 2006-7-3 14:36

[收藏] JavaScript经典效果集(6.30日更新)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html xmlns:v="urn:schemas-microsoft-com:vml">
<STYLE>
v\:*{Behavior: url(#default#VML)}

</STYLE>

<body onselectstart="return false" oncontextmenu="window.event.returnValue=false" onmouseup=main_mouseup1()>
<v:rect id=selRect onmousemove=main_mousemove() style="DISPLAY: none;Z-INDEX: 255; POSITION: absolute;" coordsize = 
"21600,21600" strokecolor = "#088008"><v:fill opacity = "0"></v:fill></v:rect>
<script>
canChange = 1;
var candraw = 1;
/*
function main_mousedown(){
	//显示
	candraw = true;
	selRect.style.display="";
	//alert(f1.width);
	//alert(event.x);
	selRect.style.posLeft=event.x
	selRect.style.posTop=event.y
	selRect.style.posWidth=selRect.style.posHeight=0
}
function main_mousemove(){
	if(selRect.style.display==""){
		if(candraw == true){
		selRect.style.posWidth=event.x-selRect.style.posLeft
		selRect.style.posHeight=event.y-selRect.style.posTop
	}
	}
}
*/
/*
function main_mouseup()
{
	candraw = false;
	selRect.style.posLeft=-1;
	selRect.style.posTop=-1;
	selRect.style.posWidth=selRect.style.posHeight=0
	selRect.style.display="none";
}
*/
function main_mouseup1()
{
		candraw = 0;
}
function init()
{	
	
	var aDivs = document.getElementsByTagName("div");
	for (var i=0; i<aDivs.length; i++) {
		new neverDragDivision(aDivs[i]);
	}
}
function changeColorToSelected(id)
{
	id1=""+id;
	var td =document.getElementById(id1);
	td.bgColor = "#0000C6";
}
	
function changeColorToNotSelected(id)
{
	id1=""+id;
	var td =document.getElementById(id1);
	td.bgColor = "#BEBEBE";
}
function changecolor(id)
{
	if(canChange == 1)
	{ 
		if(id<1000)
        {
	id1=""+id;
	var td =document.getElementById(id1);
	
	var str = td.bgColor;
	//alert(str);
	var str1 = "#bebebe";  //黑色
	var str2 = "#008000";  //绿色
	if(str == str1)
	{
	  td.bgColor = "#0000C6";   //red说明这个位置可以放！
	 // ps[id] = 1;
	}
	else 
	{
	//ps[id] = 0;
	td.bgColor = "#BEBEBE";
	}
	}
	else
	{
		id1=""+id;
		var td =document.getElementById(id1);
		var str = td.bgColor;
		var str2 = "#008000";  //绿色
	        if(str == str2)
	       {
	          td.bgColor = "white";
	           isHasChang=0;           //说明没有舱盖板
	       }
	       else td.bgColor = "green";
	       {
	       		isHasChang=1;
	       }
	}
	}
}
var startId;
var endId;
var list = 5;
var up = 5;
var down = 6;
var selectFun = 0;
function changeStart(id)
{
	candraw = 1;
	switch(event.button)
	{
		case 1: selectFun = 0; break;
		case 2: selectFun = 1; break;
	}
	//获得鼠标按下的那个格子的ID，来确定是哪个格子
	//alert('start');
	startId = id;
	
}
function changeColorBySE(id1,id2)
{
	var Sx,Sy,Ex,Ey;
	var startP; //the last start point
	var endP;  //the end point
	var changeId;
	Sx = id1%list;
	Sy = Math.floor(id1/list);
	//alert(Sy);
  Ex = id2%list;
	Ey = Math.floor(id2/list);
	DisX = Math.abs(Sx-Ex);  //差距为几列
	//alert("DisX:"+DisX);
	DisY = Math.abs(Sy-Ey);  //差距为几行
	//alert("DisY:"+DisY);
	//这个函数功能是将所有的矩形开始结束全部转变为左上右下
	function StartChange(id1,id2)
	{
		
		if((id1<id2)&&(id1%list<id2%list)) {startP = id1;endP = id2;}	
		else if((id1>id2)&&(id1%list>id2%list)) {startP = id2;endP = id1;}
		else{
			//alert(DisY);
			startP = (id1<id2)?(id1-DisX):(id2-DisX);
			endP = (id1<id2)?(id2+DisY):(id1+DisY);
		}
		//alert("startP:"+startP+"endP:"+endP);
	}	
	//开始点在结束点的下面
	//转换包含(Sx,Sy),(Ex,Ey)区域的颜色
	StartChange(id1,id2);
	
		for(i=0;i<DisY+1;i++)
		{
	 for(j=0;j<DisX+1;j++)
	{
	 		changeId = startP+j+i*list;
	 		//alert(changeId);
	 		selectFun == 0?changeColorToSelected(changeId):changeColorToNotSelected(changeId);
	 	}
	}
	//alert(Sx);
}
function changUpEnd()
{
	candraw = 0;
	}
function changeEnd(id)
{
	//获得了最后的一个格子。
	if(candraw == 1){
	endId = id;
	//alert(endId);
	//算法
	/* 
	 *根据起始ID 和 最后ID来确定是哪些格子变
	 * 计算start和end的行，列数
	 */
	 changeColorBySE(startId,endId);
	}
}
function show()
{
	a = Math.abs(-5);
	b=4;
	startP = a>b?3:6;
	//alert(startP);
}
</script>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
<script>
document.write('<table border="0" align="center">');
document.write('<td>');
document.write('仿C/S的变色方法 左键按下拖拉变蓝，右健按下拖拉变灰 written by wwl 20060615');
document.write('</td>');
document.write('</table>');
document.write('<table border="0" align="center">');
document.write('<br>');
document.write('<br>');
document.write('<br>');
document.write('<br>');
document.write('<tr>');
document.write('<td>');
document.write('&nbsp&nbsp&nbsp&nbsp;');
document.write('</td>');
number=1;
number1=1;
var i;
up=5;
list=5;
for(i=0;i<(up*list);i++)
{	
		document.write('<td width="30" height="30" bgColor="#BEBEBE" id="'+i+'" onmouseMove="changeEnd(parseInt(id))" onmouseUp="changUpEnd()" onmouseDown="changeStart(parseInt(id))" onclick="changecolor(parseInt(id))")></td>');
	if((i<((up*list)-list))&&(i+1)%list==0)
	{
		document.write('</tr><tr>');
		document.write('<td>');
    document.write('&nbsp&nbsp&nbsp&nbsp');
    document.write('</td>');
		number++;
	}
}
    document.write('</tr><tr>');
		document.write('<td>');
		document.write('</td>');
document.write('</tr></table>');
</script>
</body>
</html>

提示：您可以先修改部分代码再运行

TOP

eric204

新手上路

帖子: 3
体力: 11
威望: 0
离线: 575 天

发短消息

68^# 大中小发表于 2006-7-4 11:26

[收藏] JavaScript经典效果集(6.30日更新)

goodrose在上个帖子中说

引用:

我来个：用层模拟可移动的小窗口``` 可用于网站的提示信息哦
<html> <head> <title>_xWin</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <META NAME="Description" CONTENT="http://www.xuemu.net"> <style type='text/css'>  </style> <script language=JScript>  </script> <script language='JScript'>  </script> </head> <base target="_blank"> <body onselectstart='return false' oncontextmenu='return false' > <a onclick="ShowHide('1',null);return false;" href="">窗口1</a> <a onclick="ShowHide('2',null);return false;" href="">窗口2</a> <a onclick="ShowHide('3',null);return false;" href="">窗口3</a> </body> </html>
提示：您可以先修改部分代码再运行

好像拖动几下后就不能用了~哪位可以看看怎么搞的

屁股夹飞标...

TOP

ef4948

小芋头
银牌会员

帖子: 380
体力: 1279
威望: 0
离线: 347 天

发短消息

69^# 大中小发表于 2006-7-12 16:28

获得文本框的文件名

提示：您可以先修改部分代码再运行

TOP

goodrose

初级会员

帖子: 58
体力: 165
威望: 0
离线: 5 天

70^# 大中小发表于 2006-7-14 12:23

漂浮的图片遇到边界反弹

如果前面有朋友已经发了的话我就换个了``

<SCRIPT language=JavaScript>var brOK=false;
var mie=false;
var aver=parseInt(navigator.appVersion.substring(0,1));
var aname=navigator.appName;
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();}
}
var vmin=2;
var vmax=5;
var vr=2;
var timer1;
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=0;
 this.yy=0;
 this.timer1=null;
}
function movechip(chipname)
{
 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-8;
     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+"')",100);
  }
}
function stopme(chipname)
{if(brOK)
  {//alert(chipname)
   eval("chip="+chipname);
   if(chip.timer1!=null)
    {clearTimeout(chip.timer1)}
  }
} </SCRIPT>
<SCRIPT>
var mm;
function mm()
{checkbrOK(); 
mm=new Chip("mm",60,80);
if(brOK) 
{ movechip("mm");
}
}
</SCRIPT>
</head>
<body onload=mm()>
<p> <DIV id=mm style="POSITION: absolute">
	<a title="想要更多的特效吗？请点击~" href="http://www.xuemu.net/js.asp">
	<img border="0" src="http://chenzujian.ik8.com/img/ad1.gif" width="100" height="100"></a></p>

提示：您可以先修改部分代码再运行

http://www.xuemu.net〖雪幕天涯〗俺的小家

TOP

newkevin

新手上路

帖子: 4
体力: 10
威望: 0
离线: 717 天

发短消息

71^# 大中小发表于 2006-8-1 16:03

一个模仿图片透明渐变做的表格颜色渐变效果

一个模仿图片透明渐变做的表格颜色渐变效果，从感观和过渡效果来讲都非常好，灵活运用一定增色不少！

<HTML>
<HEAD>
<TITLE>dancepower.cn</TITLE>
<SCRIPT language=JavaScript> 
// Flash table Extension for Dreamwever ,by dio(diopex@sina.com)
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
    if (object != "[object]"){  //do this so I can take a string too
        setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
        return;
    }
    clearTimeout(nereidFadeTimers[object.sourceIndex]);
    diff = destOp-object.filters.alpha.opacity;
    direction = 1;
    if (object.filters.alpha.opacity > destOp){
        direction = -1;
    }
    delta=Math.min(direction*diff,delta);
    object.filters.alpha.opacity+=direction*delta;
    if (object.filters.alpha.opacity != destOp){
        nereidFadeObjects[object.sourceIndex]=object;
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
    }
}
</SCRIPT>
</HEAD>
<BODY text=#000000 bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" 
marginwidth="0">
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TBODY>
  <TR>
    <TD align=middle>
      <TABLE borderColor=#ffffff height=100 cellSpacing=1 cellPadding=1 
      width=100 align=center bgColor=#000033 border=1>
        <TBODY>
        <TR align=middle>
          <TD onmouseover=nereidFade(this,100,10,5) 
          style="FILTER: alpha(opacity=70)" onmouseout=nereidFade(this,50,10,5) 
          bgColor=#00ccff><FONT face=verdana color=#ffffff 
size=1>dio</FONT></TD>
          <TD onmouseover=nereidFade(this,100,10,5) 
          style="FILTER: alpha(opacity=70)" onmouseout=nereidFade(this,50,10,5) 
          bgColor=#ff9900><FONT face=verdana color=#ffffff 
        size=1>pex</FONT></TD></TR>
        <TR align=middle>
          <TD onmouseover=nereidFade(this,100,10,5) 
          style="FILTER: alpha(opacity=70)" onmouseout=nereidFade(this,50,10,5) 
          bgColor=#ff3399><FONT face=verdana color=#ffffff 
size=1>pex</FONT></TD>
          <TD onmouseover=nereidFade(this,100,10,5) 
          style="FILTER: alpha(opacity=70)" onmouseout=nereidFade(this,50,10,5) 
          bgColor=#33ff66><FONT face=verdana color=#ffffff 
        size=1>dio</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></BODY></HTML>

提示：您可以先修改部分代码再运行

[ 本帖最后由 bound0 于 2006-8-4 19:37 编辑 ]

TOP

itchen

初级会员

帖子: 45
体力: 99
威望: 0
离线: 33 天

72^# 大中小发表于 2006-8-8 11:17

向左滚动

<div id="demo" style="overflow:hidden;width:670px;color:#ffffff;">
      <table cellpadding="0" cellspacing="0" border="0">
        <tr><td id="demo1" valign="top" align="center">
          <table cellpadding="2" cellspacing="0" border="0">
            <tr align="center">
			  <td><img src="http://www.haao.cn/logo.gif" width="88"></td>
              <td><img src="http://www.haao.cn/logo.gif" width="88"></td>
			  <td><img src="http://www.haao.cn/logo.gif" width="88"></td>
			  <td><img src="http://www.haao.cn/logo.gif" width="88"></td>
              <td><img src="http://www.haao.cn/logo.gif" width="88"></td>
            </tr>
          </table>
        </td>
        <td id="demo2" valign="top"></td>
        </tr>
      </table>
    </div>
  <script>
  var speed=1//速度数值越大速度越慢
  demo2.innerHTML=demo1.innerHTML
  function Marquee(){
  if(demo2.offsetWidth-demo.scrollLeft<=0)
  demo.scrollLeft-=demo1.offsetWidth
  else{
  demo.scrollLeft++
  }
  }
  var MyMar=setInterval(Marquee,speed)
  demo.onmouseover=function() {clearInterval(MyMar)}
  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </script>
我的这段代码不会出现跑一段就停下的现象
<DIV align=center>
<DIV id=scroll_div 
style="OVERFLOW: hidden; WIDTH: 778px;" 
align=center>
<TABLE border="0" cellpadding="0" cellspacing="0">
  <TBODY>
  <TR>
    <TD id=scroll_begin>
	<A href="#"><IMG src="http://bbs.blueidea.com/images/blue/logo.gif" border=0></A><A href="#"><IMG src="http://bbs.blueidea.com/images/blue/logo.gif" border=0></A><A href="#"><IMG src="http://bbs.blueidea.com/images/blue/logo.gif" border=0></A><A href="#"><IMG src="http://bbs.blueidea.com/images/blue/logo.gif" border=0></A><A href="#"><IMG src="http://bbs.blueidea.com/images/blue/logo.gif" border=0></A><A href="#"><IMG src="http://bbs.blueidea.com/images/blue/logo.gif" border=0></A><A href="#"><IMG src="http://bbs.blueidea.com/images/blue/logo.gif" border=0></A><A href="#"><IMG src="http://bbs.blueidea.com/images/blue/logo.gif" border=0></A></TD>
    <TD id=scroll_end>
    </TR></TBODY></TABLE>
</DIV></DIV>
<SCRIPT>
var speed=30
var scroll_end = document.getElementById("scroll_end");
var scroll_div = document.getElementById("scroll_div");
scroll_end.innerHTML=scroll_begin.innerHTML
function Marquee(){
if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0)
scroll_div.scrollLeft-=scroll_begin.offsetWidth
else{
scroll_div.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
scroll_div.onmouseover=function() {clearInterval(MyMar)}
scroll_div.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</SCRIPT>

提示：您可以先修改部分代码再运行

[ 本帖最后由 bound0 于 2006-9-5 14:32 编辑 ]

长在经典

TOP

xfxls

新手上路

帖子: 32
体力: 35
威望: 0
离线: 237 天

发短消息

73^# 大中小发表于 2006-8-10 22:54

回复 #17 lipengadmin 的帖子

gif 格式的图片显示不出来啊`

[ 本帖最后由 bound0 于 2007-10-11 14:18 编辑 ]

TOP

im80286

新手上路

帖子: 7
体力: 11
威望: 0
离线: 189 天

发短消息

74^# 大中小发表于 2006-8-16 09:35

关于向左滚动图片走走停停的问题

我好像也遇到过一次，那次这样是因为GIF动画的原因，你可以把图片做成静的试一下：）

TOP

lipengadmin [楼主]

花火博客
中级会员

帖子: 94
体力: 331
威望: 0
当前: 北京海淀区
离线: 62 天

75^# 大中小发表于 2006-9-8 16:03

回复 #76 hiddaboys 的帖子

原则上是可以的,但是你要注意宽高的设置

花火博客www.flowerflame.com

TOP

hiddaboys

中级会员

帖子: 113
体力: 219
威望: 0
离线: 215 天

76^# 大中小发表于 2006-9-9 13:33

回复 #79 lipengadmin 的帖子

请问你所说的宽高指什么呢？因为我担心的是读取出来后，分页要看图片的字段来实现，能说得详细点吗？谢谢了～

TX经典

TOP

choyi

高级会员

帖子: 294
体力: 563
威望: 0
离线: 48 天

77^# 大中小发表于 2006-9-9 17:14

第42楼

"制作特殊字的脚本"

有严重问题.一运行就会导致流览器崩溃,cpu占用100%

___________________________________
现在没事了，再去试试吧！

[ 本帖最后由 bound0 于 2006-9-10 12:18 编辑 ]

------墨水，要多喝！

TOP

lipengadmin [楼主]

花火博客
中级会员

帖子: 94
体力: 331
威望: 0
当前: 北京海淀区
离线: 62 天

78^# 大中小发表于 2006-9-18 11:52

为了感谢大家的厚爱,和各位斑竹的帮助与支持,再次更新本帖,增加css+js与js的浏览器兼容性的内容

五十五文字包围图片的效果

提示：您可以先修改部分代码再运行

花火博客www.flowerflame.com

TOP

lipengadmin [楼主]

花火博客
中级会员

帖子: 94
体力: 331
威望: 0
当前: 北京海淀区
离线: 62 天

79^# 大中小发表于 2006-9-18 11:55

五十六无图片实现圆角框

提示：您可以先修改部分代码再运行

花火博客www.flowerflame.com

TOP

lipengadmin [楼主]

花火博客
中级会员

帖子: 94
体力: 331
威望: 0
当前: 北京海淀区
离线: 62 天

80^# 大中小发表于 2006-9-18 11:57

五十七图片预加载的使用

<script language="JavaScript" type="text/JavaScript">

</script>
<body onLoad="loadImages('bus.gif','busline2.gif','1.gif','2.gif','3.gif','4.gif','5.gif')">
<img onmouseover="this.src='2.gif'" onmouseout="this.src='1.gif'" border="0" src="1.gif"></a>

花火博客www.flowerflame.com

TOP

lipengadmin [楼主]

花火博客
中级会员

帖子: 94
体力: 331
威望: 0
当前: 北京海淀区
离线: 62 天

81^# 大中小发表于 2006-9-18 11:58

五十八数字选中放大

[收藏] JavaScript 经典效果集－第二期策划中

[收藏] JavaScript经典效果集(6.9日更新)

[收藏] JavaScript经典效果集(6.15日更新)

[收藏] JavaScript经典效果集(6.19日更新)

引用:

[收藏] JavaScript经典效果集(6.19日更新)

引用:

用层模拟可移动的小窗口

[收藏] JavaScript经典效果集(6.30日更新)

[收藏] JavaScript经典效果集(6.30日更新)

[收藏] JavaScript经典效果集(6.30日更新)

引用:

漂浮的图片 遇到边界反弹

一个模仿图片透明渐变做的表格颜色渐变效果

回复 #17 lipengadmin 的帖子

关于向左滚动图片走走停停的问题

回复 #76 hiddaboys 的帖子

回复 #79 lipengadmin 的帖子

漂浮的图片遇到边界反弹