关于缩放功能的JS

Zombie_strom 2011-06-21 11:01:11

拜求将列表缩放的JS

...全文

201 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

心灵彩虹 2011-07-30

打赏
举报

http://js.alixixi.com/a/200807141537.shtml

心灵彩虹 2011-07-30

打赏
举报



<HTML>

<HEAD>

<TITLE>阿里西西网页特效演示，会动的表格</TITLE>

<META content="text/html; charset=gb2312" http-equiv=Content-Type>

<STYLE>.cellstyle {

	COLOR: #ffffff; FONT-FAMILY: Times; FONT-SIZE: 11pt; FONT-WEIGHT: bold

}

A {

	COLOR: #ff0000; TEXT-DECORATION: none

}

A:hover {

	COLOR: #ff8888; TEXT-DECORATION: underline

}

</STYLE>



<SCRIPT language=javaScript>

<!-- Beginning of JavaScript -







var i_bordercolor=0

var i_bordercolorlight=10

var i_bordercolordark=20



var v_bordercolor=1

var v_bordercolorlight=1

var v_bordercolordark=1



var textcolor= new Array()

textcolor[0] ="FFFFFF"

textcolor[1] ="FFF8F8"

textcolor[2] ="FFF0F0"

textcolor[3] ="FFD8D8"

textcolor[4] ="FFD0D0"

textcolor[5] ="FFC8C8"

textcolor[6] ="FFC0C0"

textcolor[7] ="FFB8B8"

textcolor[8] ="FFB0B0"

textcolor[9] ="FFA8A8"

textcolor[10] ="FFA0A0"

textcolor[11] ="FF9898"

textcolor[12] ="FF9090"

textcolor[13] ="FF8888"

textcolor[14] ="FF8080"

textcolor[15] ="FF7878"

textcolor[16] ="FF7070"

textcolor[17] ="FF6868"

textcolor[18] ="FF6060"

textcolor[19] ="FF5858"

textcolor[20] ="FF5050"

textcolor[21] ="FF4848"

textcolor[22] ="FF4040"

textcolor[23] ="FF3838"

textcolor[24] ="FF3030"

textcolor[25] ="FF2828"

textcolor[26] ="FF2020"

textcolor[27] ="FF1818"

textcolor[28] ="FF1010"

textcolor[29] ="FF0808"

textcolor[30] ="FF0000"



function checkbrowser() {

    if (document.layers) {

	    alert("This script requires Internet Explorer 4 or higher. Sorry folks!")

	}

    if (document.all) {

	    bordercolor()

	}

}



function bordercolor() {		

	if (i_bordercolor >= textcolor.length-1) {v_bordercolor*=-1}

    if (i_bordercolor <= 0) {v_bordercolor*=-1}

    if (i_bordercolordark >= textcolor.length-1) {v_bordercolordark*=-1}

    if (i_bordercolordark <= 0) {v_bordercolordark*=-1}

    if (i_bordercolorlight >= textcolor.length-1) {v_bordercolorlight*=-1}

    if (i_bordercolorlight <= 0) {v_bordercolorlight*=-1}

    document.all.cellone.borderColor=textcolor[i_bordercolor]

    document.all.cellone.borderColorDark=textcolor[i_bordercolordark]

    document.all.cellone.borderColorLight=textcolor[i_bordercolorlight]

    document.all.cellone.border=i_bordercolorlight*2

    i_bordercolor+=v_bordercolor

    i_bordercolordark+=v_bordercolordark

    i_bordercolorlight+=v_bordercolorlight

    var timer=setTimeout("bordercolor()",100)

}



// - End of JavaScript - -->

</SCRIPT>



</HEAD>

<BODY background="" bgColor=#ffffff onload=checkbrowser()>

<P align=center>

<TABLE border=0 cellPadding=6 id=cellone width=540 height="30">

  <TBODY>

  <TR>

    <TD align=middle class=cellstyle height="16">

      <font color="#800000">http://linkweb.cn/js</font>

      </TR></TBODY></TABLE>

</BODY></HTML>





<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

心灵彩虹 2011-07-30

打赏
举报



最佳答案 

<table id=aaa></table>

<script>

function ChangeSize(height,width)

{

    var aaa = document.getElementById("aaa");

    aaa.style.height = height;//要缩小到的高度

    aaa.style.width = width;//要缩小到的宽度

}

//专门针对IE的缩小，放大代码

function ChangeSize(flag)//执行一次放大或者缩小10%

{

   var aaa = document.getElementById("aaa");

   if(flag)//放大或者缩小

   {

       aaa.style.zoom = Math.abs(aaa.style.zoom - 1) + 1/10;

   }

   else

   {

       aaa.style.zoom = Math.abs(aaa.style.zoom - 1) - 1/10;

   }

}



function HideTable()//将table隐藏起来没有

{

   var aaa = document.getElementById("aaa");

   aaa.style.display = "none";

}

function CloseTable()//将table销毁

{

   var aaa = document.getElementById("aaa");

   aaa.removeNode(true);

}

</script>