常见的JavaScript代码(八)

文章来自“PHP中文网”

101.饼图<style>v\:* { behavior: url(#default#VML) }o\:* { behavior: url(#default#VML) }.shape { behavior: url(#default#VML) }</style><script language="javascript">function show(pie){pie.strokecolor=pie.fillcolor;pie.strokeweight=10;div1.innerHTML="<font size=2 color=red> " + pie.id +"</font> <font size=2>" + pie.title + "</font>";}function hide(pie){pie.strokecolor="white";pie.strokeweight=1;div1.innerHTML="";}</script></head><body><v:group coordorigin=’0,0′ coordsize=’250,250′><v:shape title=’得票数:6 比例:40.00%’ onmouseover=’javascript:show(this);’ href=’http://www.cnADO.com’ CoordSize=’10,10′ strokecolor=’white’ fillcolor=’#ffff33′><v:path v=’m 300,200 ae 300,200,200,150,0,9437184 xe’/></v:shape><v:shape title=’得票数:1 比例:6.67%’ onmouseover=’javascript:show(this);’ href=’http://www.cnADO.com’ CoordSize=’10,10′ strokecolor=’white’ fillcolor=’#ff9933′><v:path v=’m 300,200 ae 300,200,200,150,9437184,1572864 xe’/></v:shape><v:shape title=’得票数:2 比例:13.33%’ onmouseover=’javascript:show(this);’ href=’http://www.cnADO.com’ CoordSize=’10,10′ strokecolor=’white’ fillcolor=’#3399ff’><v:path v=’m 300,200 ae 300,200,200,150,11010048,3145728 xe’/></v:shape><v:shape title=’得票数:3 比例:20.00%’ onmouseover=’javascript:show(this);’ href=’http://www.cnADO.com’ CoordSize=’10,10′ strokecolor=’white’ fillcolor=’#99ff33′><v:path v=’m 300,200 ae 300,200,200,150,14155776,4718592 xe’/></v:shape><v:shape title=’得票数:2 比例:13.33%’ onmouseover=’javascript:show(this);’ href=’http://www.cnADO.com’ CoordSize=’10,10′ strokecolor=’white’ fillcolor=’#ff6600′><v:path v=’m 300,200 ae 300,200,200,150,18874368,3145728 xe’/></v:shape><v:shape title=’得票数:1 比例:6.67%’ onmouseover=’javascript:show(this);’ href=’http://www.cnADO.com’ CoordSize=’10,10′ strokecolor=’white’ fillcolor=’#ff99ff’><v:path v=’m 300,200 ae 300,200,200,150,22020096,1572864 xe’/></v:shape></v:group><v:group coordorigin=’0,0′ coordsize=’250,250′><v:rect fillcolor=’#ffff33’/><v:rect stroked=’false’><v:textboxstyle=’fontsize:2′>asp技术</v:textbox/></v:rect><v:rect fillcolor=’#ff9933’/><v:rect stroked=’false’><v:textboxstyle=’fontsize:2′>php</v:textbox/></v:rect><v:rect fillcolor=’#3399ff’/><v:rect stroked=’false’><v:textboxstyle=’fontsize:2′>jsp</v:textbox/></v:rect><v:rect fillcolor=’#99ff33’/><v:rect stroked=’false’><v:textboxstyle=’fontsize:2′>c#写的.netWEB程序</v:textbox/></v:rect><v:rect fillcolor=’#ff6600’/><v:rect stroked=’false’><v:textbox>vb.net写的.netWEB程序</v:textbox/></v:rect><v:rect fillcolor=’#ff99ff’/><v:rect stroked=’false’><v:textbox>xml技术</v:textbox/></v:rect></v:group><div style="position: absolute; left: 10; top: 10; width: 760; height:16"><table border="1" cellpadding="2" cellspacing="2" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#CCCCCC" width="100%" ID="Table1"><tr><td width="100%" id=div1> </td></tr></table></div>//102.是一个特殊的容器,想装个网页都行<button><iframe src=""></iframe></button>//button103.外部的html代码event.srcElement.outerHTML//104.标识当前的IE事件的触发器event.srcElement和event.keyCode//105.事件类型event.type//106.动态改变类型<style>.Overnone { border-width:0;background-color:darkblue;cursor:default;color:gold;width:115}.Outnone {border-width:0;background-color:white;cursor:default;width:115}</style><input class=Outnone onmouseover=this.className=’Overnone’ >//107.页面翻转<html dir=rtl></html>//108.滚屏parent.scroll(x,y);//<body onload="s=0" onDblClick="s=setInterval(‘scrollBy(0, 1)’,10)" onClick="clearInterval(s)">//109.改变状态栏self.status ="";//110.改变窗口大小window.resizeTo(200,300);//111.改变鼠标样式styleBODY{CURSOR: url(‘mouse.ani’);SCROLLBAR-BASE-COLOR: #506AA8;SCROLLBAR-ARROW-COLOR: #14213F;}//112.背景透明<input type="button" value="Button" style="background-color: transparent; border: 0;">//113.鼠标为等待形状<input type=button onclick="this.style.cursor=’wait’">//114.调用父窗口的函数opener.fucntion1();//115.body的内部html代码<input type="button" onclick="alert(code.document.body.innerHTML)" value="查看">//116.框架中调用父窗口的函数<INPUT TYPE=’button’ value=’调用parent窗口的函数’>//117.交换节点<table width=200 height=200 border><tr><td id=c1>CELL_1</td></tr><tr><td id=c2>CELL_2</td></tr></table><br><input type="button" value="swap row" onclick="c1.swapNode(c2)">//118.删除节点<table width=200 height=200 border><tr id=trall><td id=c1>CELL_1</td></tr><tr><td id=c2>CELL_2</td></tr></table><br><input type="button" value="swap row" onclick="trall.removeNode(c2)">//119.添加节点addNode()//120.获得事件的父与子标签event.srcElement.children[0]和event.srcElement.parentElement //121.集中为按钮改变颜色<style>button{benc:expression(this.onfocus = function(){this.style.backgroundColor=’#E5F0FF’;})}</style><button>New</button>//

,带着我的相机和电脑,远离繁华,走向空旷。

常见的JavaScript代码(八)

相关文章:

你感兴趣的文章:

标签云: