< html >
< meta http-equiv ="Page-Enter" content ="revealTrans(duration=1, transition=23)" >
< meta http-equiv ="Page-Exit" content ="revealTrans(duration=1, transition=23)" >
< head >
</ head >
< title > Mapabc地图无限 </ title >
< body >
< a href ="1.html" > ###################################################################### </ a >
######################################################################
######################################################################
######################################################################
######################################################################
######################################################################
######################################################################
######################################################################
######################################################################
######################################################################
######################################################################
######################################################################
######################################################################
######################################################################
######################################################################
######################################################################
######################################################################
######################################################################
######################################################################
######################################################################
###################################################################### ######################################################################
</ body >
</ html >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" />
< title > cao888---提示 </ title >
</ head >
< body >
< script language =javascript >
var cao_x,cao_y;
function cao888()
{
this .display = display;
}
function display()
{
document.write( " <table align=center><tr><td><button style='width:100px;height:30px;font-size:12px;border:1px solid #A4B3C8;background-color:green;' type=button οnclick=document.getElementById('cao1').style.display='block' οnfοcus=this.blur()>CAO留言</button></td></tr></table> " );
document.write( " <div id='cao1' style='font-size:12px;position:absolute;display:none;text-align:center;overflow:visible'> " );
document.write( " <div style='position:absolute;top:expression((body.clientHeight-300)/2);left:expression((body.clientWidth-200)/2);width:200px;height:180px;background-color:#dbdbdb;border:1px solid #cccccc;'> " );
document.write( " <table width=200 height=20 bgcolor=green οnmοusedοwn='cao_x=event.x-parentNode.style.pixelLeft;cao_y=event.y-parentNode.style.pixelTop;setCapture();' οnmοuseup='releaseCapture();' οnmοusemοve='caoMove(this.parentNode)' style='cursor:move;'> " );
document.write( " <tr align=center> " );
document.write( " <td align=left>提示:CAO888</td> " );
document.write( " </tr> " );
document.write( " </table> " );
document.write( " <span style= cursor:hand οnclick=this.parentNode.parentNode.style.display='none';><img src='http://pic1.blueidea.com/bbs/topic5.gif'><br>CAO呀,错误了...<br>[确定]</span> " );
document.write( " </div> " );
document.write( " </div> " );
}
function caoMove(obj) // 实现层的拖移
{
if (event.button == 1 )
{
var caoX = obj.clientLeft;
var caoY = obj.clientTop;
obj.style.pixelLeft = caoX + (event.x - cao_x);
obj.style.pixelTop = caoY + (event.y - cao_y);
}
}
</ script >
< script language =javascript >
var mycao = new cao888();
mycao.display();
</ script >
</ body >
</ html >
< html >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" />
< title > 模仿as效果的导航菜单 </ title >
< style type ="text/css" >
<!--
a:link,a:visited { text-decoration : none ; color : #666666 }
a:hover { text-decoration : underline }
#hor1 {
position : absolute ;
left : 320px ;
top : 20px ;
width : 220px ;
height : 20px ;
z-index : 1 ;
background-color : #999900 ;
}
#hor2 {
position : absolute ;
left : 320px ;
top : 40px ;
width : 220px ;
height : 20px ;
z-index : 2 ;
background-color : #FFCC00 ;
}
#hor3 {
position : absolute ;
left : 320px ;
top : 60px ;
width : 220px ;
height : 20px ;
z-index : 3 ;
background-color : #99CC00 ;
}
#board1 {
position : absolute ;
left : 320px ;
top : 40px ;
width : 220px ;
height : 120px ;
z-index : -100 ;
background-color : #333333 ;
visibility : hidden ;
}
body,td,th {
font-family : Verdana, Arial, Helvetica, sans-serif ;
font-size : 12px ;
color : #FFFFFF ;
font-weight : bold ;
}
body {
background-color : #666666 ;
}
#board2 {
position : absolute ;
left : 320px ;
top : 60px ;
width : 220px ;
height : 120px ;
z-index : -90 ;
background-color : #333333 ;
visibility : hidden ;
}
#board3 {
position : absolute ;
width : 220px ;
height : 120px ;
z-index : -80 ;
left : 320px ;
top : 80px ;
background-color : #333333 ;
visibility : hidden ;
}
#hor4 {
position : absolute ;
left : 320px ;
top : 80px ;
width : 220px ;
height : 20px ;
z-index : 4 ;
background-color : #99CCCC ;
}
#board4 {
position : absolute ;
left : 320px ;
top : 100px ;
width : 220px ;
height : 120px ;
z-index : -70 ;
background-color : #333333 ;
visibility : hidden ;
}
-->
</ style >
< script type ="text/javascript" >
lastNo = 0
function re(menu_no){
if (lastNo != menu_no){
cur = menu_no + 1
lastNo = menu_no
rest()
} else {
cur = 100
}
document.getElementById( " board " + menu_no).style.visibility = " visible "
}
function rest(){
for (i = 1 ;i <= 4 ;i ++ ){
document.getElementById( " hor " + i).style.top = 20 * i;
document.getElementById( " board " + i).style.visibility = " hidden "
}
menu_num = 4 ;
act = 1
height = 120 + 20
speed = 0 ;
posY = 0 ;
}
function huke(){
if (act == 1 && cur < 100 ){
speed = (height - posY) * 0.69 + speed * 0.6
posY += speed
for (i = cur;i <= menu_num;i ++ ){
document.getElementById( " hor " + i).style.top = posY + (i - 2 ) * 20
}
if (Math.abs(height - posY) < 0.5 ){
for (i = cur;i <= menu_num;i ++ ){
document.getElementById( " hor " + i).style.top = height + (i - 2 ) * 20
}
act = 0
}
setTimeout( " huke() " , 50 )
}
}
</ script >
</ head >
< body >
< div id ="hor1" onclick ="re(1);huke()" > News </ div >
< div id ="hor2" onclick ="re(2);huke()" > Populor </ div >
< div id ="hor3" onclick ="re(3);huke()" > Sports </ div >
< div id ="hor4" onclick ="re(4);huke()" > Woman </ div >
< div id ="board1" > 1.由AS而想起Javascript < br /> 2.用Jscript写ASP有没有先天性的不足? < br /> 3.没有了。 </ div >
< div id ="board2" > 1.xhtml+css真的来了吗? < br /> 2.Flash取代传统网站 < br /> 3.Flash何时才能连接数据库? </ div >
< div id ="board3" > 1.程序员与小姐的10个相同。 < br /> 2.中国的程序员与中国的足球? </ div >
< div id ="board4" > 1.二十一世纪最缺的是什么?人才 < br />
< a href ="http://www.gamvan.com" target ="_blank" > http://www.gamvan.com </ a >
< a href ="http://www.gamvan.com" target ="_blank" > http://www.gamvan.com </ a ></ div >
</ body >
</ html >
< script >
self.moveTo( 0 , 0 )
self.resizeTo(screen.availWidth,screen.availHeight)
</ script >
< a href ="#" title ="这是提示" > tip </ a >
< script Language ="JavaScript" >
// ***********默认设置定义.*********************
tPopWait = 50 ; // 停留tWait豪秒后显示提示。
tPopShow = 5000 ; // 显示tShow豪秒后关闭提示
showPopStep = 20 ;
popOpacity = 99 ;
// ***************内部变量定义*****************
sPop = null ;
curShow = null ;
tFadeOut = null ;
tFadeIn = null ;
tFadeWaiting = null ;
document.write( " <style type='text/css'id='defaultPopStyle'> " );
document.write( " .cPopText { background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)} " );
document.write( " </style> " );
document.write( " <div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div> " );
function showPopupText(){
var o = event.srcElement;
MouseX = event.x;
MouseY = event.y;
if (o.alt != null && o.alt != "" ){o.dypop = o.alt;o.alt = "" };
if (o.title != null && o.title != "" ){o.dypop = o.title;o.title = "" };
if (o.dypop != sPop) {
sPop = o.dypop;
clearTimeout(curShow);
clearTimeout(tFadeOut);
clearTimeout(tFadeIn);
clearTimeout(tFadeWaiting);
if (sPop == null || sPop == "" ) {
dypopLayer.innerHTML = "" ;
dypopLayer.style.filter = " Alpha() " ;
dypopLayer.filters.Alpha.opacity = 0 ;
}
else {
if (o.dyclass != null ) popStyle = o.dyclass
else popStyle = " cPopText " ;
curShow = setTimeout( " showIt() " ,tPopWait);
}
}
}
function showIt(){
dypopLayer.className = popStyle;
dypopLayer.innerHTML = sPop;
popWidth = dypopLayer.clientWidth;
popHeight = dypopLayer.clientHeight;
if (MouseX + 12 + popWidth > document.body.clientWidth) popLeftAdjust =- popWidth - 24
else popLeftAdjust = 0 ;
if (MouseY + 12 + popHeight > document.body.clientHeight) popTopAdjust =- popHeight - 24
else popTopAdjust = 0 ;
dypopLayer.style.left = MouseX + 12 + document.body.scrollLeft + popLeftAdjust;
dypopLayer.style.top = MouseY + 12 + document.body.scrollTop + popTopAdjust;
dypopLayer.style.filter = " Alpha(Opacity=0) " ;
fadeOut();
}
function fadeOut(){
if (dypopLayer.filters.Alpha.opacity < popOpacity) {
dypopLayer.filters.Alpha.opacity += showPopStep;
tFadeOut = setTimeout( " fadeOut() " , 1 );
}
else {
dypopLayer.filters.Alpha.opacity = popOpacity;
tFadeWaiting = setTimeout( " fadeIn() " ,tPopShow);
}
}
function fadeIn(){
if (dypopLayer.filters.Alpha.opacity > 0 ) {
dypopLayer.filters.Alpha.opacity -= 1 ;
tFadeIn = setTimeout( " fadeIn() " , 1 );
}
}
document.onmouseover = showPopupText;
</ script >
< META NAME ="Description" CONTENT ="" >
</ HEAD >
< BODY >
< script language ="javascript" type ="text/javascript" >
startColor = " #671700 " ; // 定义链接颜色
endColor = " #D8D1C5 " ; // 定义要渐变到最后的颜色
stepIn = 17 ;
stepOut = 23 ;
/*
定义是否让所有的文本链接自动渐变,true为是,false为否
*/
autoFade = true ;
/*
在这里定义css样式里的类class:fade,如果为true,那么你要将要渐变的链接上加上此fade样式
*/
sloppyClass = false ;
hexa = new makearray( 16 );
for ( var i = 0 ; i < 10 ; i ++ )
hexa[i] = i;
hexa[ 10 ] = " a " ; hexa[ 11 ] = " b " ; hexa[ 12 ] = " c " ;
hexa[ 13 ] = " d " ; hexa[ 14 ] = " e " ; hexa[ 15 ] = " f " ;
document.onmouseover = domouseover;
document.onmouseout = domouseout;
startColor = dehexize(startColor.toLowerCase());
endColor = dehexize(endColor.toLowerCase());
var fadeId = new Array();
function dehexize(Color){
var colorArr = new makearray( 3 );
for (i = 1 ; i < 7 ; i ++ ){
for (j = 0 ; j < 16 ; j ++ ){
if (Color.charAt(i) == hexa[j]){
if (i % 2 != 0 )
colorArr[Math.floor((i - 1 ) / 2 )] = eval(j) * 16 ;
else
colorArr[Math.floor((i - 1 ) / 2 )] += eval(j);
}
}
}
return colorArr;
}
function domouseover() {
if (document.all){
var srcElement = event.srcElement;
if ((srcElement.tagName == " A " && autoFade) || srcElement.className == " fade " || (sloppyClass && srcElement.className.indexOf( " fade " ) != - 1 ))
fade(startColor,endColor,srcElement.uniqueID,stepIn);
}
}
function domouseout() {
if (document.all){
var srcElement = event.srcElement;
if ((srcElement.tagName == " A " && autoFade) || srcElement.className == " fade " || (sloppyClass && srcElement.className.indexOf( " fade " ) != - 1 ))
fade(endColor,startColor,srcElement.uniqueID,stepOut);
}
}
function makearray(n) {
this .length = n;
for ( var i = 1 ; i <= n; i ++ )
this [i] = 0 ;
return this ;
}
function hex(i) {
if (i < 0 )
return " 00 " ;
else if (i > 255 )
return " ff " ;
else
return "" + hexa[Math.floor(i / 16 )] + hexa[i % 16 ];}
function setColor(r, g, b, element) {
var hr = hex(r); var hg = hex(g); var hb = hex(b);
element.style.color = " # " + hr + hg + hb;
}
function fade(s,e, element,step){
var sr = s[ 0 ]; var sg = s[ 1 ]; var sb = s[ 2 ];
var er = e[ 0 ]; var eg = e[ 1 ]; var eb = e[ 2 ];
if (fadeId[ 0 ] != null && fade[ 0 ] != element){
setColor(sr,sg,sb,eval(fadeId[ 0 ]));
var i = 1 ;
while (i < fadeId.length){
clearTimeout(fadeId[i]);
i ++ ;
}
}
for ( var i = 0 ; i <= step; i ++ ) {
fadeId[i + 1 ] = setTimeout( " setColor(Math.floor( " + sr + " *(( " + step + " - " + i + " )/ " + step + " ) + " + er + " * ( " + i + " / " +
step + " )),Math.floor( " + sg + " * (( " + step + " - " + i + " )/ " + step + " ) + " + eg + " * ( " + i + " / " + step +
" )),Math.floor( " + sb + " * (( " + step + " - " + i + " )/ " + step + " ) + " + eb + " * ( " + i + " / " + step + " )), " + element + " ); " ,i * step);
}
fadeId[ 0 ] = element;
}
</ script >
</ BODY >
</ HTML >
< A HREF ="" > 让你的文本链接渐隐渐显 </ A >
<! doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" />
< title > JavaScript: showPages v1.0 [by Lapuasi.com] </ title >
< script language ="JavaScript" >
<!--
/*
showPages v1.1
=================================
Infomation
----------------------
Author : Lapuasi
E-Mail : lapuasi@gmail.com
Web : http://www.lapuasi.com
Date : 2005-11-17
Example
----------------------
var pg = new showPages('pg');
pg.pageCount = 12; //定义总页数(必要)
pg.argName = 'p'; //定义参数名(可选,缺省为page)
pg.printHtml(); //显示页数
Supported in Internet Explorer, Mozilla Firefox
*/
function showPages(name) { // 初始化属性
this .name = name; // 对象名称
this .page = 1 ; // 当前页数
this .pageCount = 1 ; // 总页数
this .argName = ' page ' ; // 参数名
this .showTimes = 1 ; // 打印次数
}
showPages.prototype.getPage = function (){ // 丛url获得当前页数,如果变量重复只获取最后一个
var args = location.search;
var reg = new RegExp( ' [?&]? ' + this .argName + ' =([^&]*)[&$]? ' , ' gi ' );
var chk = args.match(reg);
this .page = RegExp.$ 1 ;
}
showPages.prototype.checkPages = function (){ // 进行当前页数和总页数的验证
if (isNaN(parseInt( this .page))) this .page = 1 ;
if (isNaN(parseInt( this .pageCount))) this .pageCount = 1 ;
if ( this .page < 1 ) this .page = 1 ;
if ( this .pageCount < 1 ) this .pageCount = 1 ;
if ( this .page > this .pageCount) this .page = this .pageCount;
this .page = parseInt( this .page);
this .pageCount = parseInt( this .pageCount);
}
showPages.prototype.createHtml = function (mode){ // 生成html代码
var strHtml = '' , prevPage = this .page - 1 , nextPage = this .page + 1 ;
if (mode == '' || typeof (mode) == ' undefined ' ) mode = 0 ;
switch (mode) {
case 0 : // 模式1 (页数,首页,前页,后页,尾页)
strHtml += ' <span class="count">Pages: ' + this .page + ' / ' + this .pageCount + ' </span> ' ;
strHtml += ' <span class="number"> ' ;
if (prevPage < 1 ) {
strHtml += ' <span title="First Page">«</span> ' ;
strHtml += ' <span title="Prev Page">‹</span> ' ;
} else {
strHtml += ' <span title="First Page"><a href="javascript: ' + this .name + ' .toPage(1);">«</a></span> ' ;
strHtml += ' <span title="Prev Page"><a href="javascript: ' + this .name + ' .toPage( ' + prevPage + ' );">‹</a></span> ' ;
}
for ( var i = 1 ; i <= this .pageCount; i ++ ) {
if (i > 0 ) {
if (i == this .page) {
strHtml += ' <span title="Page ' + i + ' ">[ ' + i + ' ]</span> ' ;
} else {
strHtml += ' <span title="Page ' + i + ' "><a href="javascript: ' + this .name + ' .toPage( ' + i + ' );">[ ' + i + ' ]</a></span> ' ;
}
}
}
if (nextPage > this .pageCount) {
strHtml += ' <span title="Next Page">›</span> ' ;
strHtml += ' <span title="Last Page">»</span> ' ;
} else {
strHtml += ' <span title="Next Page"><a href="javascript: ' + this .name + ' .toPage( ' + nextPage + ' );">›</a></span> ' ;
strHtml += ' <span title="Last Page"><a href="javascript: ' + this .name + ' .toPage( ' + this .pageCount + ' );">»</a></span> ' ;
}
strHtml += ' </span><br /> ' ;
break ;
case 1 : // 模式1 (10页缩略,首页,前页,后页,尾页)
strHtml += ' <span class="count">Pages: ' + this .page + ' / ' + this .pageCount + ' </span> ' ;
strHtml += ' <span class="number"> ' ;
if (prevPage < 1 ) {
strHtml += ' <span title="First Page">«</span> ' ;
strHtml += ' <span title="Prev Page">‹</span> ' ;
} else {
strHtml += ' <span title="First Page"><a href="javascript: ' + this .name + ' .toPage(1);">«</a></span> ' ;
strHtml += ' <span title="Prev Page"><a href="javascript: ' + this .name + ' .toPage( ' + prevPage + ' );">‹</a></span> ' ;
}
if ( this .page % 10 == 0 ) {
var startPage = this .page - 9 ;
} else {
var startPage = this .page - this .page % 10 + 1 ;
}
if (startPage > 10 ) strHtml += ' <span title="Prev 10 Pages"><a href="javascript: ' + this .name + ' .toPage( ' + (startPage - 1 ) + ' );">...</a></span> ' ;
for ( var i = startPage; i < startPage + 10 ; i ++ ) {
if (i > this .pageCount) break ;
if (i == this .page) {
strHtml += ' <span title="Page ' + i + ' ">[ ' + i + ' ]</span> ' ;
} else {
strHtml += ' <span title="Page ' + i + ' "><a href="javascript: ' + this .name + ' .toPage( ' + i + ' );">[ ' + i + ' ]</a></span> ' ;
}
}
if ( this .pageCount >= startPage + 10 ) strHtml += ' <span title="Next 10 Pages"><a href="javascript: ' + this .name + ' .toPage( ' + (startPage + 10 ) + ' );">...</a></span> ' ;
if (nextPage > this .pageCount) {
strHtml += ' <span title="Next Page">›</span> ' ;
strHtml += ' <span title="Last Page">»</span> ' ;
} else {
strHtml += ' <span title="Next Page"><a href="javascript: ' + this .name + ' .toPage( ' + nextPage + ' );">›</a></span> ' ;
strHtml += ' <span title="Last Page"><a href="javascript: ' + this .name + ' .toPage( ' + this .pageCount + ' );">»</a></span> ' ;
}
strHtml += ' </span><br /> ' ;
break ;
case 2 : // 模式2 (前后缩略,页数,首页,前页,后页,尾页)
strHtml += ' <span class="count">Pages: ' + this .page + ' / ' + this .pageCount + ' </span> ' ;
strHtml += ' <span class="number"> ' ;
if (prevPage < 1 ) {
strHtml += ' <span title="First Page">«</span> ' ;
strHtml += ' <span title="Prev Page">‹</span> ' ;
} else {
strHtml += ' <span title="First Page"><a href="javascript: ' + this .name + ' .toPage(1);">«</a></span> ' ;
strHtml += ' <span title="Prev Page"><a href="javascript: ' + this .name + ' .toPage( ' + prevPage + ' );">‹</a></span> ' ;
}
if ( this .page != 1 ) strHtml += ' <span title="Page 1"><a href="javascript: ' + this .name + ' .toPage(1);">[1]</a></span> ' ;
if ( this .page >= 5 ) strHtml += ' <span>...</span> ' ;
if ( this .pageCount > this .page + 2 ) {
var endPage = this .page + 2 ;
} else {
var endPage = this .pageCount;
}
for ( var i = this .page - 2 ; i <= endPage; i ++ ) {
if (i > 0 ) {
if (i == this .page) {
strHtml += ' <span title="Page ' + i + ' ">[ ' + i + ' ]</span> ' ;
} else {
if (i != 1 && i != this .pageCount) {
strHtml += ' <span title="Page ' + i + ' "><a href="javascript: ' + this .name + ' .toPage( ' + i + ' );">[ ' + i + ' ]</a></span> ' ;
}
}
}
}
if ( this .page + 3 < this .pageCount) strHtml += ' <span>...</span> ' ;
if ( this .page != this .pageCount) strHtml += ' <span title="Page ' + this .pageCount + ' "><a href="javascript: ' + this .name + ' .toPage( ' + this .pageCount + ' );">[ ' + this .pageCount + ' ]</a></span> ' ;
if (nextPage > this .pageCount) {
strHtml += ' <span title="Next Page">›</span> ' ;
strHtml += ' <span title="Last Page">»</span> ' ;
} else {
strHtml += ' <span title="Next Page"><a href="javascript: ' + this .name + ' .toPage( ' + nextPage + ' );">›</a></span> ' ;
strHtml += ' <span title="Last Page"><a href="javascript: ' + this .name + ' .toPage( ' + this .pageCount + ' );">»</a></span> ' ;
}
strHtml += ' </span><br /> ' ;
break ;
case 3 : // 模式3 (箭头样式,首页,前页,后页,尾页) (only IE)
strHtml += ' <span class="count">Pages: ' + this .page + ' / ' + this .pageCount + ' </span> ' ;
strHtml += ' <span class="arrow"> ' ;
if (prevPage < 1 ) {
strHtml += ' <span title="First Page">9</span> ' ;
strHtml += ' <span title="Prev Page">7</span> ' ;
} else {
strHtml += ' <span title="First Page"><a href="javascript: ' + this .name + ' .toPage(1);">9</a></span> ' ;
strHtml += ' <span title="Prev Page"><a href="javascript: ' + this .name + ' .toPage( ' + prevPage + ' );">7</a></span> ' ;
}
if (nextPage > this .pageCount) {
strHtml += ' <span title="Next Page">8</span> ' ;
strHtml += ' <span title="Last Page">:</span> ' ;
} else {
strHtml += ' <span title="Next Page"><a href="javascript: ' + this .name + ' .toPage( ' + nextPage + ' );">8</a></span> ' ;
strHtml += ' <span title="Last Page"><a href="javascript: ' + this .name + ' .toPage( ' + this .pageCount + ' );">:</a></span> ' ;
}
strHtml += ' </span><br /> ' ;
break ;
case 4 : // 模式4 (下拉框)
if ( this .pageCount < 1 ) {
strHtml += ' <select name="toPage" disabled> ' ;
strHtml += ' <option value="0">No Pages</option> ' ;
} else {
var chkSelect;
strHtml += ' <select name="toPage" οnchange=" ' + this .name + ' .toPage(this);"> ' ;
for ( var i = 1 ; i <= this .pageCount; i ++ ) {
if ( this .page == i) chkSelect = ' selected="selected" ' ;
else chkSelect = '' ;
strHtml += ' <option value=" ' + i + ' " ' + chkSelect + ' >Pages: ' + i + ' / ' + this .pageCount + ' </option> ' ;
}
}
strHtml += ' </select> ' ;
break ;
case 5 : // 模式5 (输入框)
strHtml += ' <span class="input"> ' ;
if ( this .pageCount < 1 ) {
strHtml += ' <input type="text" name="toPage" value="No Pages" class="itext" disabled="disabled"> ' ;
strHtml += ' <input type="button" name="go" value="GO" class="ibutton" disabled="disabled"></option> ' ;
} else {
strHtml += ' <input type="text" value="Input Page:" class="ititle" readonly="readonly"> ' ;
strHtml += ' <input type="text" id="pageInput ' + this .showTimes + ' " value=" ' + this .page + ' " class="itext" title="Input page" οnkeypress="return ' + this .name + ' .formatInputPage(event);" οnfοcus="this.select()"> ' ;
strHtml += ' <input type="text" value=" / ' + this .pageCount + ' " class="icount" readonly="readonly"> ' ;
strHtml += ' <input type="button" name="go" value="GO" class="ibutton" οnclick=" ' + this .name + ' .toPage(document.getElementById('pageInput ' + this .showTimes + ' ').value);"></option> ' ;
}
strHtml += ' </span> ' ;
break ;
default :
strHtml = ' Javascript showPage Error: not find mode ' + mode;
break ;
}
return strHtml;
}
showPages.prototype.createUrl = function (page) { // 生成页面跳转url
if (isNaN(parseInt(page))) page = 1 ;
if (page < 1 ) page = 1 ;
if (page > this .pageCount) page = this .pageCount;
var url = location.protocol + ' // ' + location.host + location.pathname;
var args = location.search;
var reg = new RegExp( ' ([?&]?) ' + this .argName + ' =[^&]*[&$]? ' , ' gi ' );
args = args.replace(reg, ' $1 ' );
if (args == '' || args == null ) {
args += ' ? ' + this .argName + ' = ' + page;
} else if (args.substr(args.length - 1 , 1 ) == ' ? ' || args.substr(args.length - 1 , 1 ) == ' & ' ) {
args += this .argName + ' = ' + page;
} else {
args += ' & ' + this .argName + ' = ' + page;
}
return url + args;
}
showPages.prototype.toPage = function (page){ // 页面跳转
var turnTo = 1 ;
if ( typeof (page) == ' object ' ) {
turnTo = page.options[page.selectedIndex].value;
} else {
turnTo = page;
}
self.location.href = this .createUrl(turnTo);
}
showPages.prototype.printHtml = function (mode){ // 显示html代码
this .getPage();
this .checkPages();
this .showTimes += 1 ;
document.write( ' <div id="pages_ ' + this .name + ' _ ' + this .showTimes + ' " class="pages"></div> ' );
document.getElementById( ' pages_ ' + this .name + ' _ ' + this .showTimes).innerHTML = this .createHtml(mode);
}
showPages.prototype.formatInputPage = function (e){ // 限定输入页数格式
var ie = navigator.appName == " Microsoft Internet Explorer " ? true : false ;
if ( ! ie) var key = e.which;
else var key = event.keyCode;
if (key == 8 || key == 46 || (key >= 48 && key <= 57 )) return true ;
return false ;
}
// -->
</ script >
< style >
/* Pages Main Tyle */
.pages {
color : #000000 ;
cursor : default ;
font-size : 10px ;
font-family : Tahoma, Verdana ;
padding : 3px 0px 3px 0px ;
}
.pages .count, .pages .number, .pages .arrow {
color : #000000 ;
font-size : 10px ;
background-color : #F7F7F7 ;
border : 1px solid #CCCCCC ;
}
/* Page and PageCount Style */
.pages .count {
font-weight : bold ;
border-right : none ;
padding : 2px 10px 1px 10px ;
}
/* Mode 0,1,2 Style (Number) */
.pages .number {
font-weight : normal ;
padding : 2px 10px 1px 10px ;
}
.pages .number a, .pages .number span {
font-size : 10px ;
}
.pages .number span {
color : #999999 ;
margin : 0px 3px 0px 3px ;
}
.pages .number a {
color : #000000 ;
text-decoration : none ;
}
.pages .number a:hover {
color : #0000ff ;
}
/* Mode 3 Style (Arrow) */
.pages .arrow {
font-weight : normal ;
padding : 0px 5px 0px 5px ;
}
.pages .arrow a, .pages .arrow span {
font-size : 10px ;
font-family : Webdings ;
}
.pages .arrow span {
color : #999999 ;
margin : 0px 5px 0px 5px ;
}
.pages .arrow a {
color : #000000 ;
text-decoration : none ;
}
.pages .arrow a:hover {
color : #0000ff ;
}
/* Mode 4 Style (Select) */
.pages select, .pages input {
color : #000000 ;
font-size : 10px ;
font-family : Tahoma, Verdana ;
}
/* Mode 5 Style (Input) */
.pages .input input.ititle, .pages .input input.itext, .pages .input input.icount {
color : #666666 ;
font-weight : bold ;
background-color : #F7F7F7 ;
border : 1px solid #CCCCCC ;
}
.pages .input input.ititle {
width : 70px ;
text-align : right ;
border-right : none ;
}
.pages .input input.itext {
width : 25px ;
color : #000000 ;
text-align : right ;
border-left : none ;
border-right : none ;
}
.pages .input input.icount {
width : 35px ;
text-align : left ;
border-left : none ;
}
.pages .input input.ibutton {
height : 17px ;
color : #FFFFFF ;
font-weight : bold ;
font-family : Verdana ;
background-color : #999999 ;
border : 1px solid #666666 ;
padding : 0px 0px 2px 1px ;
margin-left : 2px ;
cursor : hand ;
}
/* body */
body {
font-size : 12px ;
}
</ style >
</ head >
< body >
< script language ="JavaScript" >
<!--
var pg = new showPages( ' pg ' );
pg.pageCount = 12 ; // 定义总页数(必要)
// pg.argName = 'p'; // 定义参数名(可选,默认为page)
document.write( ' <br>Show Times: ' + pg.showTimes + ' , Mood Default ' );
pg.printHtml();
document.write( ' <br>Show Times: ' + pg.showTimes + ' , Mood 0 ' );
pg.printHtml( 0 );
document.write( ' <br>Show Times: ' + pg.showTimes + ' , Mood 1 ' );
pg.printHtml( 1 );
document.write( ' <br>Show Times: ' + pg.showTimes + ' , Mood 2 ' );
pg.printHtml( 2 );
document.write( ' <br>Show Times: ' + pg.showTimes + ' , Mood 3 (only IE) ' );
pg.printHtml( 3 );
document.write( ' <br>Show Times: ' + pg.showTimes + ' , Mood 4 ' );
pg.printHtml( 4 );
document.write( ' <br>Show Times: ' + pg.showTimes + ' , Mood 5 ' );
pg.printHtml( 5 );
// -->
</ script >
</ body >
</ html >
< body bgcolor ="#ff0ddd" >
< div id ="Layer1" style ="position:absolute; width:260px; height:115px; z-index:1; left: 50px; top: 77px; filter:Alpha(opacity=30)" >
< table width ="96%" border ="1" cellpadding ="1" cellspacing ="1" bordercolor ="#FFFFFF" bgcolor ="#999999" >
< tr >
< td height ="25" bgcolor ="#f5f5f5" class ="13" > 你也可以在这里插入图片 </ td >
</ tr >
< tr >
< td height ="20" bgcolor ="#f5f5f5" class ="12" > 你想注册地图名片吗 </ td >
</ tr >
< tr >
< td height ="20" bgcolor ="#f5f5f5" class ="12" > http://mc.mapabc.com </ td >
</ tr >
< tr >
< td height ="20" bgcolor ="#f5f5f5" class ="12" > EMAIL:lipeng@mapabc.com </ td >
</ tr >
< tr >
< td height ="20" bgcolor ="#f5f5f5" class ="12" > 地址 </ td >
</ tr >
< tr >
< td height ="20" bgcolor ="#f5f5f5" class ="12" > 邮编 </ td >
</ tr >
</ table >
</ div >
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" />
< title > CSS Tables </ title >
< link href ="styles.css" rel ="stylesheet" type ="text/css" />
</ head >
< style type ="text/css" >
/* CSS Document */
body {
font : normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif ;
color : #4f6b72 ;
background : #E6EAE9 ;
}
a {
color : #c75f3e ;
}
#mytable {
width : 700px ;
padding : 0 ;
margin : 0 ;
}
caption {
padding : 0 0 5px 0 ;
width : 700px ;
font : italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif ;
text-align : right ;
}
th {
font : bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif ;
color : #4f6b72 ;
border-right : 1px solid #C1DAD7 ;
border-bottom : 1px solid #C1DAD7 ;
border-top : 1px solid #C1DAD7 ;
letter-spacing : 2px ;
text-transform : uppercase ;
text-align : left ;
padding : 6px 6px 6px 12px ;
background : #CAE8EA url(images/bg_header.jpg) no-repeat ;
}
th.nobg {
border-top : 0 ;
border-left : 0 ;
border-right : 1px solid #C1DAD7 ;
background : none ;
}
td {
border-right : 1px solid #C1DAD7 ;
border-bottom : 1px solid #C1DAD7 ;
background : #fff ;
font-size : 11px ;
padding : 6px 6px 6px 12px ;
color : #4f6b72 ;
}
td.alt {
background : #F5FAFA ;
color : #797268 ;
}
th.spec {
border-left : 1px solid #C1DAD7 ;
border-top : 0 ;
background : #fff url(images/bullet1.gif) no-repeat ;
font : bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif ;
}
th.specalt {
border-left : 1px solid #C1DAD7 ;
border-top : 0 ;
background : #f5fafa url(images/bullet2.gif) no-repeat ;
font : bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif ;
color : #797268 ;
}
/* ---------for IE 5.x bug */
html>body td { font-size : 11px ; }
</ style >
< body >
< table id ="mytable" cellspacing ="0" summary ="The technical specifications of the Apple PowerMac G5 series" >
< caption > </ caption >
< tr >
< th scope ="col" abbr ="Configurations" class ="nobg" > Configurations </ th >
< th scope ="col" abbr ="Dual 1.8" > Dual 1.8GHz </ th >
< th scope ="col" abbr ="Dual 2" > Dual 2GHz </ th >
< th scope ="col" abbr ="Dual 2.5" > Dual 2.5GHz </ th >
</ tr >
< tr >
< th scope ="row" abbr ="Model" class ="spec" > lipeng </ th >
< td > M9454LL/A </ td >
< td > M9455LL/A </ td >
< td > M9457LL/A </ td >
</ tr >
< tr >
< th scope ="row" abbr ="G5 Processor" class ="specalt" > mapabc </ th >
< td class ="alt" > Dual 1.8GHz PowerPC G5 </ td >
< td class ="alt" > Dual 2GHz PowerPC G5 </ td >
< td class ="alt" > Dual 2.5GHz PowerPC G5 </ td >
</ tr >
< tr >
< th scope ="row" abbr ="Frontside bus" class ="spec" > 地图名片 </ th >
< td > 900MHz per processor </ td >
< td > 1GHz per processor </ td >
< td > 1.25GHz per processor </ td >
</ tr >
< tr >
< th scope ="row" abbr ="L2 Cache" class ="specalt" > 图秀卡 </ th >
< td class ="alt" > 512K per processor </ td >
< td class ="alt" > 512K per processor </ td >
< td class ="alt" > 512K per processor </ td >
</ tr >
</ table >
</ body >
</ html >
< html >
< head >
< title > DRAG the DIV </ title >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" >
< style >
* { font-size : 12px }
.dragTable {
font-size : 12px ;
border-top : 1px solid #3366cc ;
margin-bottom : 10px ;
width : 100% ;
background-color : #FFFFFF ;
}
td { vertical-align : top ; }
.dragTR {
cursor : move ;
color : #7787cc ;
background-color : #e5eef9 ;
height : 20px ;
padding-left : 5px ;
font-weight : bold ;
}
#parentTable {
border-collapse : collapse ;
letter-spacing : 25px ;
}
</ style >
< script defer >
/* ***JoeLee************E-MAIL:hktx@163.com****QQ:48293707*****11:09 2006-2-9***** */
var Drag = {dragged: false ,
ao: null ,
tdiv: null ,
dragStart: function (){
Drag.ao = event.srcElement;
if ((Drag.ao.tagName == " TD " ) || (Drag.ao.tagName == " TR " )){
Drag.ao = Drag.ao.offsetParent;
Drag.ao.style.zIndex = 100 ;
} else
return ;
Drag.dragged = true ;
Drag.tdiv = document.createElement( " div " );
Drag.tdiv.innerHTML = Drag.ao.outerHTML;
Drag.ao.style.border = " 1px dashed red " ;
Drag.tdiv.style.display = " block " ;
Drag.tdiv.style.position = " absolute " ;
Drag.tdiv.style.filter = " alpha(opacity=70) " ;
Drag.tdiv.style.cursor = " move " ;
Drag.tdiv.style.border = " 1px solid #000000 " ;
Drag.tdiv.style.width = Drag.ao.offsetWidth;
Drag.tdiv.style.height = Drag.ao.offsetHeight;
Drag.tdiv.style.top = Drag.getInfo(Drag.ao).top;
Drag.tdiv.style.left = Drag.getInfo(Drag.ao).left;
document.body.appendChild(Drag.tdiv);
Drag.lastX = event.clientX;
Drag.lastY = event.clientY;
Drag.lastLeft = Drag.tdiv.style.left;
Drag.lastTop = Drag.tdiv.style.top;
},
draging: function (){ // 重要:判断MOUSE的位置
if ( ! Drag.dragged || Drag.ao == null ) return ;
var tX = event.clientX;
var tY = event.clientY;
Drag.tdiv.style.left = parseInt(Drag.lastLeft) + tX - Drag.lastX;
Drag.tdiv.style.top = parseInt(Drag.lastTop) + tY - Drag.lastY;
for ( var i = 0 ;i < parentTable.cells.length;i ++ ){
var parentCell = Drag.getInfo(parentTable.cells[i]);
if (tX >= parentCell.left && tX <= parentCell.right && tY >= parentCell.top && tY <= parentCell.bottom){
var subTables = parentTable.cells[i].getElementsByTagName( " table " );
if (subTables.length == 0 ){
if (tX >= parentCell.left && tX <= parentCell.right && tY >= parentCell.top && tY <= parentCell.bottom){
parentTable.cells[i].appendChild(Drag.ao);
}
break ;
}
for ( var j = 0 ;j < subTables.length;j ++ ){
var subTable = Drag.getInfo(subTables[j]);
if (tX >= subTable.left && tX <= subTable.right && tY >= subTable.top && tY <= subTable.bottom){
parentTable.cells[i].insertBefore(Drag.ao,subTables[j]);
break ;
} else {
parentTable.cells[i].appendChild(Drag.ao);
}
}
}
}
}
,
dragEnd: function (){
if ( ! Drag.dragged) return ;
Drag.dragged = false ;
Drag.mm = Drag.repos( 150 , 15 );
Drag.ao.style.borderWidth = " 0px " ;
Drag.ao.style.borderTop = " 1px solid #3366cc " ;
Drag.tdiv.style.borderWidth = " 0px " ;
Drag.ao.style.zIndex = 1 ;
},
getInfo: function (o){ // 取得坐标
var to = new Object();
to.left = to.right = to.top = to.bottom = 0 ;
var twidth = o.offsetWidth;
var theight = o.offsetHeight;
while (o != document.body){
to.left += o.offsetLeft;
to.top += o.offsetTop;
o = o.offsetParent;
}
to.right = to.left + twidth;
to.bottom = to.top + theight;
return to;
},
repos: function (aa,ab){
var f = Drag.tdiv.filters.alpha.opacity;
var tl = parseInt(Drag.getInfo(Drag.tdiv).left);
var tt = parseInt(Drag.getInfo(Drag.tdiv).top);
var kl = (tl - Drag.getInfo(Drag.ao).left) / ab;
var kt = (tt - Drag.getInfo(Drag.ao).top) / ab;
var kf = f / ab;
return setInterval( function (){ if (ab < 1 ){
clearInterval(Drag.mm);
Drag.tdiv.removeNode( true );
Drag.ao = null ;
return ;
}
ab -- ;
tl -= kl;
tt -= kt;
f -= kf;
Drag.tdiv.style.left = parseInt(tl) + " px " ;
Drag.tdiv.style.top = parseInt(tt) + " px " ;
Drag.tdiv.filters.alpha.opacity = f;
}
,aa / ab)
},
inint: function (){ // 初始化
for ( var i = 0 ;i < parentTable.cells.length;i ++ ){
var subTables = parentTable.cells[i].getElementsByTagName( " table " );
for ( var j = 0 ;j < subTables.length;j ++ ){
if (subTables[j].className != " dragTable " ) break ;
subTables[j].rows[ 0 ].className = " dragTR " ;
subTables[j].rows[ 0 ].attachEvent( " onmousedown " ,Drag.dragStart);
}
}
document.onmousemove = Drag.draging;
document.onmouseup = Drag.dragEnd;
}
// end of Object Drag
}
Drag.inint();
function _show(str){
var w = window.open( '' , '' );
var d = w.document;
d.open();
str = str.replace( /= ( ?! " )(.*?)(?! " )( |> ) / g, " ="$1"$2 " );
str = str.replace( / ( < )(. *? )( > ) / g, " <span style='color:red;'><$2></span><br /> " );
str = str.replace( / / g, " <br /> " );
d.write(str);
}
</ script >
</ head >
< body >
< table border ="0" cellpadding ="0" cellspacing ="10" width ="100%" height =500 id ="parentTable" >
< tr >
< td width ="25%" valgin ="top" >
< table border =0 class ="dragTable" cellspacing ="0" >
< tr >
< td >< b > GMAIL </ b ></ td >
</ tr >
< tr >
< td > 暂时无法显示GMAIL内容 </ td >
< tr >
</ table >< table border =0 class ="dragTable" cellspacing ="0" >
< tr >
< td > 新浪体育 </ td >
</ tr >
< tr >
< td > 解剖威队独门利器FW28 2万转引擎匹配超级变速器颁奖:辛吉斯欣喜能以冠军起步 < br /> 印度搭档创下纪录法新社前瞻冬奥短道速滑:中韩唱主角 美加施冷箭 </ td >
< tr >
</ table >
< table border =0 class ="dragTable" cellspacing ="0" >
< tr >
< td > 焦点 </ td >
</ tr >
< tr >
< td > 京广线中断4小时20临客返汉晚点 中国新闻网-湖北分社 - 所有 235 相关报道 » 哈马斯已有总理人选
解放日报报业集团 - 所有 489 相关报道 » 陈水扁是两岸关系麻烦制造者 武汉晨报 - 所有 179 相关报道 » </ td >
< tr >
</ table >
</ td >
< td width ="25%" >
< table border =0 class ="dragTable" cellspacing ="0" >
< tr >
< td > 中关村在线 </ td >
</ tr >
< tr >
< td > 新年行情速递 双敏板卡低价推荐 终于等到了,映泰6600GT一降降一百 罗技G15游戏键盘热力促销,代购价仅529元 </ td >
< tr >
</ table ></ td >
< td width ="25%" >
< table border =0 class ="dragTable" cellspacing ="0" >
< tr >
< td > 网易商业 </ td >
</ tr >
< tr >
< td > 上海GDP增幅去年出现回落应对反倾销 中国鞋企联手对抗欧盟尹家绪操盘南方汽车 长安谋求曲线整体境外上市 </ td >
< tr >
</ table > < table border =0 class ="dragTable" cellspacing ="0" >
< tr >
< td > 黑可天下 </ td >
</ tr >
< tr >
< td > 上海GDP增幅去年出现回落应对反倾销 中国鞋企联手对抗欧盟尹家绪操盘南方汽车 长安谋求曲线整体境外上市 </ td >
< tr >
</ table >
</ td >
</ tr >
</ table >
< input type ="button" value ="SHOW" onClick ="_show(document.documentElement.innerHTML)" />
</ body >
</ html >
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
< html >
< head >
< title > MyPixbot </ title >
< meta http-equiv ="Content-Type" content ="text/html; charset=iso-8859-1" >
< script language ="JavaScript" type ="text/JavaScript" >
<!--
function MM_reloadPage(init) { // reloads the window if Nav4 resized
if (init == true ) with (navigator) { if ((appName == " Netscape " ) && (parseInt(appVersion) == 4 )) {
document.MM_pgW = innerWidth; document.MM_pgH = innerHeight; onresize = MM_reloadPage; }}
else if (innerWidth != document.MM_pgW || innerHeight != document.MM_pgH) location.reload();
}
MM_reloadPage( true );
function MM_findObj(n, d) { // v4.01
var p,i,x; if ( ! d) d = document; if ((p = n.indexOf( " ? " )) > 0 && parent.frames.length) {
d = parent.frames[n.substring(p + 1 )].document; n = n.substring( 0 ,p);}
if ( ! (x = d[n]) && d.all) x = d.all[n]; for (i = 0 ; ! x && i < d.forms.length;i ++ ) x = d.forms[i][n];
for (i = 0 ; ! x && d.layers && i < d.layers.length;i ++ ) x = MM_findObj(n,d.layers[i].document);
if ( ! x && d.getElementById) x = d.getElementById(n); return x;
}
function MM_showHideLayers() { // v6.0
var i,p,v,obj,args = MM_showHideLayers.arguments;
for (i = 0 ; i < (args.length - 2 ); i += 3 ) if ((obj = MM_findObj(args[i])) != null ) { v = args[i + 2 ];
if (obj.style) { obj = obj.style; v = (v == ' show ' ) ? ' visible ' :(v == ' hide ' ) ? ' hidden ' :v; }
obj.visibility = v; }
}
function MM_dragLayer(objName,x,hL,hT,hW,hH,toFront,dropBack,cU,cD,cL,cR,targL,targT,tol,dropJS,et,dragJS) { // v4.01
// Copyright 1998 Macromedia, Inc. All rights reserved.
var i,j,aLayer,retVal,curDrag = null ,curLeft,curTop,IE = document.all,NS4 = document.layers;
var NS6 = ( ! IE && document.getElementById), NS = (NS4 || NS6); if ( ! IE && ! NS) return false ;
retVal = true ; if (IE && event) event.returnValue = true ;
if (MM_dragLayer.arguments.length > 1 ) {
curDrag = MM_findObj(objName); if ( ! curDrag) return false ;
if ( ! document.allLayers) { document.allLayers = new Array();
with (document) if (NS4) { for (i = 0 ; i < layers.length; i ++ ) allLayers[i] = layers[i];
for (i = 0 ; i < allLayers.length; i ++ ) if (allLayers[i].document && allLayers[i].document.layers)
with (allLayers[i].document) for (j = 0 ; j < layers.length; j ++ ) allLayers[allLayers.length] = layers[j];
} else {
if (NS6) { var spns = getElementsByTagName( " span " ); var all = getElementsByTagName( " div " );
for (i = 0 ;i < spns.length;i ++ ) if (spns[i].style && spns[i].style.position) allLayers[allLayers.length] = spns[i];}
for (i = 0 ;i < all.length;i ++ ) if (all[i].style && all[i].style.position) allLayers[allLayers.length] = all[i];
} }
curDrag.MM_dragOk = true ; curDrag.MM_targL = targL; curDrag.MM_targT = targT;
curDrag.MM_tol = Math.pow(tol, 2 ); curDrag.MM_hLeft = hL; curDrag.MM_hTop = hT;
curDrag.MM_hWidth = hW; curDrag.MM_hHeight = hH; curDrag.MM_toFront = toFront;
curDrag.MM_dropBack = dropBack; curDrag.MM_dropJS = dropJS;
curDrag.MM_everyTime = et; curDrag.MM_dragJS = dragJS;
curDrag.MM_oldZ = (NS4) ? curDrag.zIndex:curDrag.style.zIndex;
curLeft = (NS4) ? curDrag.left:(NS6) ? parseInt(curDrag.style.left):curDrag.style.pixelLeft;
if (String(curLeft) == " NaN " ) curLeft = 0 ; curDrag.MM_startL = curLeft;
curTop = (NS4) ? curDrag.top:(NS6) ? parseInt(curDrag.style.top):curDrag.style.pixelTop;
if (String(curTop) == " NaN " ) curTop = 0 ; curDrag.MM_startT = curTop;
curDrag.MM_bL = (cL < 0 ) ? null :curLeft - cL; curDrag.MM_bT = (cU < 0 ) ? null :curTop - cU;
curDrag.MM_bR = (cR < 0 ) ? null :curLeft + cR; curDrag.MM_bB = (cD < 0 ) ? null :curTop + cD;
curDrag.MM_LEFTRIGHT = 0 ; curDrag.MM_UPDOWN = 0 ; curDrag.MM_SNAPPED = false ; // use in your JS!
document.onmousedown = MM_dragLayer; document.onmouseup = MM_dragLayer;
if (NS) document.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP);
} else {
var theEvent = ((NS) ? objName.type:event.type);
if (theEvent == ' mousedown ' ) {
var mouseX = (NS) ? objName.pageX : event.clientX + document.body.scrollLeft;
var mouseY = (NS) ? objName.pageY : event.clientY + document.body.scrollTop;
var maxDragZ = null ; document.MM_maxZ = 0 ;
for (i = 0 ; i < document.allLayers.length; i ++ ) { aLayer = document.allLayers[i];
var aLayerZ = (NS4) ? aLayer.zIndex:parseInt(aLayer.style.zIndex);
if (aLayerZ > document.MM_maxZ) document.MM_maxZ = aLayerZ;
var isVisible = (((NS4) ? aLayer.visibility:aLayer.style.visibility).indexOf( ' hid ' ) == - 1 );
if (aLayer.MM_dragOk != null && isVisible) with (aLayer) {
var parentL = 0 ; var parentT = 0 ;
if (NS6) { parentLayer = aLayer.parentNode;
while (parentLayer != null && parentLayer.style.position) {
parentL += parseInt(parentLayer.offsetLeft); parentT += parseInt(parentLayer.offsetTop);
parentLayer = parentLayer.parentNode;
} } else if (IE) { parentLayer = aLayer.parentElement;
while (parentLayer != null && parentLayer.style.position) {
parentL += parentLayer.offsetLeft; parentT += parentLayer.offsetTop;
parentLayer = parentLayer.parentElement; } }
var tmpX = mouseX - (((NS4) ? pageX:((NS6) ? parseInt(style.left):style.pixelLeft) + parentL) + MM_hLeft);
var tmpY = mouseY - (((NS4) ? pageY:((NS6) ? parseInt(style.top):style.pixelTop) + parentT) + MM_hTop);
if (String(tmpX) == " NaN " ) tmpX = 0 ; if (String(tmpY) == " NaN " ) tmpY = 0 ;
var tmpW = MM_hWidth; if (tmpW <= 0 ) tmpW += ((NS4) ? clip.width :offsetWidth);
var tmpH = MM_hHeight; if (tmpH <= 0 ) tmpH += ((NS4) ? clip.height:offsetHeight);
if (( 0 <= tmpX && tmpX < tmpW && 0 <= tmpY && tmpY < tmpH) && (maxDragZ == null
|| maxDragZ <= aLayerZ)) { curDrag = aLayer; maxDragZ = aLayerZ; } } }
if (curDrag) {
document.onmousemove = MM_dragLayer; if (NS4) document.captureEvents(Event.MOUSEMOVE);
curLeft = (NS4) ? curDrag.left:(NS6) ? parseInt(curDrag.style.left):curDrag.style.pixelLeft;
curTop = (NS4) ? curDrag.top:(NS6) ? parseInt(curDrag.style.top):curDrag.style.pixelTop;
if (String(curLeft) == " NaN " ) curLeft = 0 ; if (String(curTop) == " NaN " ) curTop = 0 ;
MM_oldX = mouseX - curLeft; MM_oldY = mouseY - curTop;
document.MM_curDrag = curDrag; curDrag.MM_SNAPPED = false ;
if (curDrag.MM_toFront) {
eval( ' curDrag. ' + ((NS4) ? '' : ' style. ' ) + ' zIndex=document.MM_maxZ+1 ' );
if ( ! curDrag.MM_dropBack) document.MM_maxZ ++ ; }
retVal = false ; if ( ! NS4 &&! NS6) event.returnValue = false ;
} } else if (theEvent == ' mousemove ' ) {
if (document.MM_curDrag) with (document.MM_curDrag) {
var mouseX = (NS) ? objName.pageX : event.clientX + document.body.scrollLeft;
var mouseY = (NS) ? objName.pageY : event.clientY + document.body.scrollTop;
newLeft = mouseX - MM_oldX; newTop = mouseY - MM_oldY;
if (MM_bL != null ) newLeft = Math.max(newLeft,MM_bL);
if (MM_bR != null ) newLeft = Math.min(newLeft,MM_bR);
if (MM_bT != null ) newTop = Math.max(newTop ,MM_bT);
if (MM_bB != null ) newTop = Math.min(newTop ,MM_bB);
MM_LEFTRIGHT = newLeft - MM_startL; MM_UPDOWN = newTop - MM_startT;
if (NS4) {left = newLeft; top = newTop;}
else if (NS6){style.left = newLeft; style.top = newTop;}
else {style.pixelLeft = newLeft; style.pixelTop = newTop;}
if (MM_dragJS) eval(MM_dragJS);
retVal = false ; if ( ! NS) event.returnValue = false ;
} } else if (theEvent == ' mouseup ' ) {
document.onmousemove = null ;
if (NS) document.releaseEvents(Event.MOUSEMOVE);
if (NS) document.captureEvents(Event.MOUSEDOWN); // for mac NS
if (document.MM_curDrag) with (document.MM_curDrag) {
if ( typeof MM_targL == ' number ' && typeof MM_targT == ' number ' &&
(Math.pow(MM_targL - ((NS4) ? left:(NS6) ? parseInt(style.left):style.pixelLeft), 2 ) +
Math.pow(MM_targT - ((NS4) ? top:(NS6) ? parseInt(style.top):style.pixelTop), 2 )) <= MM_tol) {
if (NS4) {left = MM_targL; top = MM_targT;}
else if (NS6) {style.left = MM_targL; style.top = MM_targT;}
else {style.pixelLeft = MM_targL; style.pixelTop = MM_targT;}
MM_SNAPPED = true ; MM_LEFTRIGHT = MM_startL - MM_targL; MM_UPDOWN = MM_startT - MM_targT; }
if (MM_everyTime || MM_SNAPPED) eval(MM_dropJS);
if (MM_dropBack) { if (NS4) zIndex = MM_oldZ; else style.zIndex = MM_oldZ;}
retVal = false ; if ( ! NS) event.returnValue = false ; }
document.MM_curDrag = null ;
}
if (NS) document.routeEvent(objName);
} return retVal;
}
function loadwin(obj){
with (MM_findObj(obj)) with (style){
filters[ 0 ].apply();
display = '' ;
filters[ 0 ].play();
}
}
function cs(captionBG,bodyBG,tableBG){
oldBody = document.body;
with (oldBody){
var newBody = cloneNode();
style.filter = ' blendtrans(duration=1) ' ;
filters[ 0 ].apply();
with (document.styleSheets[ 0 ]){
with (rules[ 0 ].style){backgroundColor = captionBG;}
with (rules[ 1 ].style){backgroundColor = bodyBG;}
with (rules[ 2 ].style){backgroundColor = tableBG}
}
filters[ 0 ].play();
setTimeout( function (){
if (oldBody != null ){
oldBody.applyElement(newBody, " inside " )
oldBody.swapNode(newBody);
oldBody.removeNode( true );
}
}, 1500 );
}
}
// -->
</ script >
< style type ="text/css" >
<!--
.caption {
font-size : 9px ;
color : #FFFFFF ;
background-color : #00CCFF ;
padding-left : 5px ;
cursor : default ;
font-family : "Verdana", "Arial" ;
border : 1px inset ;
}
body {
background-color : #f6f6f6 ;
border : 1px inset ;
overflow : hidden ;
}
table {
background-color : #eeeeee ;
}
td {
font-family : "Verdana", "Arial" ;
font-size : 9px ;
border : 0px ;
}
.win {
filter : BlendTrans(duration=1) DropShadow(Color=#cccccc, OffX=3, OffY=3) alpha(opacity=90)
}
a {
text-decoration : none ;
color : #003399 ;
}
a:hover {
color : #FF0000 ;
}
input {
font-family : "Verdana", "Arial" ;
font-size : 9px ;
border-width : 1px ;
}
.statusbar {
font-family : "Tahoma", "Verdana" ;
font-size : 9px ;
color : #999999 ;
padding-left : 3px ;
}
.button {
border : 1px outset ;
text-align : center ;
}
.navframe {
padding : 5px ;
}
-->
</ style >
</ head >
< body >
< div id ="assist" style ="position:absolute; left:15px; top:68px; width:185px; z-index:1;display:none;" class ="win" onMouseDown ="MM_dragLayer('assist','',0,0,150,18,true,false,-1,-1,-1,-1,15,68,100,'',false,'')" >
< table width ="180" border ="1" cellpadding ="0" cellspacing ="0" >
< tr >
< td class ="caption" > SeekAssist </ td >
< td width ="14" align ="center" >< a href ="#" onclick ="with(MM_findObj('assistwin').style)display=display=='none'?'':'none'" > % </ a ></ td >
< td width ="14" align ="center" >< a href ="#" onClick ="MM_showHideLayers('assist','','hide')" > X </ a ></ td >
</ tr >
< tr id ="assistwin" >
< td height ="100" colspan ="3" bordercolor ="#eeeeee" > </ td >
</ tr >
</ table >
< br >
</ div >
< script > loadwin( ' assist ' ) </ script >
< div id ="rank" style ="position:absolute; left:15px; top:194px; width:185px; z-index:1;display:none;" class ="win" onMouseDown ="MM_dragLayer('rank','',0,0,150,18,true,false,-1,-1,-1,-1,15,194,100,'',false,'')" >
< table width ="180" border ="1" cellpadding ="0" cellspacing ="0" >
< tr >
< td class ="caption" > SeekRank </ td >
< td width ="14" align ="center" >< a href ="#" onclick ="with(MM_findObj('rankwin').style)display=display=='none'?'':'none'" > % </ a ></ td >
< td width ="14" align ="center" >< a href ="#" onClick ="MM_showHideLayers('assist','','inherit','rank','','hide')" > X </ a ></ td >
</ tr >
< tr id ="rankwin" >
< td height ="100" colspan ="3" bordercolor ="#eeeeee" > </ td >
</ tr >
</ table >
< br >
</ div >
< script > setTimeout( " loadwin('rank') " , 500 ) </ script >
< div id ="mycolor" style ="position:absolute; left:15px; top:320px; width:185px; z-index:1;display:none;" class ="win" onMouseDown ="MM_dragLayer('mycolor','',0,0,150,18,true,false,-1,-1,-1,-1,15,320,100,'',false,'')" >
< table width ="180" border ="1" cellpadding ="0" cellspacing ="0" >
< tr >
< td class ="caption" > MyColor </ td >
< td width ="14" align ="center" >< a href ="#" onclick ="with(MM_findObj('mycolorwin').style)display=display=='none'?'':'none'" > % </ a ></ td >
< td width ="14" align ="center" >< a href ="#" onClick ="MM_showHideLayers('mycolor','','hide')" > X </ a ></ td >
</ tr >
< tr id ="mycolorwin" >
< td height ="100" colspan ="3" bordercolor ="#eeeeee" >< table width ="100%" border ="0" cellspacing ="0" cellpadding ="2" >
< tr >
< td align ="center" >< a href ="#" onclick ="cs('#00CCFF','#f6f6f6','#eeeeee')" > Default </ a ></ td >
</ tr >
< tr >
< td align ="center" >< a href ="#" onclick ="cs('red','#eeccee','#eeddee')" > StyleSheet#1 </ a ></ td >
</ tr >
< tr >
< td align ="center" >< a href ="#" onclick ="cs('#99ccff','#eeeeee','#ccddff')" > StyleSheet#2 </ a ></ td >
</ tr >
< tr >
< td align ="center" >< a href ="#" onclick ="cs('#ff9999','#ffffff','#ffeeff')" > StyleSheet#3 </ a ></ td >
</ tr >
< tr >
< td align ="center" >< a href ="#" onclick ="cs('skyblue','#eeeeee','#99ddff')" > StyleSheet#4 </ a ></ td >
</ tr >
< tr >
< td align ="center" >< a href ="#" onclick ="cs('#009900','#eeffee','#ddffdd')" > StyleSheet#5 </ a ></ td >
</ tr >
</ table ></ td >
</ tr >
</ table >
< br >
</ div >
< script > setTimeout( " loadwin('mycolor') " , 1000 ) </ script >
< div id ="results" style ="position:absolute; left:204px; top:68px; width:575px; z-index:1;display:none;" class ="win" onMouseDown ="MM_dragLayer('results','',0,0,400,18,true,false,-1,-1,-1,-1,204,68,50,'',false,'')" >
< table width ="570" border ="1" cellpadding ="0" cellspacing ="0" >
< tr >
< td >< table width ="100%" border ="0" cellspacing ="0" cellpadding ="0" >
< tr >
< td class ="caption" > Results </ td >
< td width ="12" class ="button" >< a href ="#" onClick ="with(MM_findObj('resultswin').style)display=display=='none'?'':'none'" > % </ a ></ td >
< td width ="12" class ="button" >< a href ="#" onClick ="MM_showHideLayers('results','','inherit')" > X </ a ></ td >
</ tr >
</ table ></ td >
</ tr >
< tr >
< td height ="20" bordercolor ="#eeeeee" >< input name ="url" type ="text" value ="http://www.google.com/search?q=ezlee" size ="100" >
< a href ="#" onclick ="mainframe.location=url.value" > Search </ a ></ td >
</ tr >
< tr id ="resultswin" >
< td height ="318" valign ="top" class ="navframe" >< aiframe name ="mainframe" id ="mainframe" src ="http://www.google.com/search?q=ezlee" width ="100%" height ="100%" frameborder ="0" scrolling ="auto" >< font color ="#FF0000" > Welcome! </ font ></ aiframe ></ td >
</ tr >
< tr >
< td height ="14" class ="statusbar" > Ready! </ td >
</ tr >
</ table >
< br >
</ div >
< script > setTimeout( " loadwin('results') " , 2000 ) </ script >
</ body >
</ html >
< div style ="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:#eeeeee;" >
< font disabled >
怎么样,我凹下去了吧? < br >
你不想试试吗? < br >
< a href ="http://www.lenvo.cn/" > www.lenvo.cn </ a ></ font >
</ div >
< style >
/* 先把这个 xmenu 的样式放到css里 */
.xmenu td { font-size : 12px ; font-family : verdana,arial ; font-weight : bolder ; color : #ffffff ; border : 1px solid #336699 ; background : #336699 ; filter : blendtrans(duration=0.5) ; cursor : hand ; text-align : center ; }
</ style >
< script >
/*
http://lexrus.blueidea.com
这是把事件动作绑定到菜单上的函数
*/
function attachXMenu(objid){
var tds = objid.getElementsByTagName( ' td ' );
for ( var i = 0 ;i < tds.length;i ++ ){
with (tds[i]){
onmouseover = function (){
with ( this ){
filters[ 0 ].apply();
style.background = ' #66CCFF ' ; // 这是鼠标移上去时的背景颜色
style.border = ' 1px solid #ffffff ' ; // 边框
style.color = ' black ' ; // 文字颜色
filters[ 0 ].play();
}
}
onmouseout = function (){
with ( this ){
filters[ 0 ].apply();
style.background = ' #336699 ' ; // 这是鼠标离开时的背景颜色
style.border = ' 1px solid #336699 ' ; // 边框
style.color = ' #ffffff ' ; // 文字颜色
filters[ 0 ].play();
}
}
}
}
}
</ script >
<!-- 菜单从这里开始, 注意要把class设置成和css里相同的, 还要为它设一个id -->
< table class ="xmenu" id ="xmenu0" width ="500" cellpadding ="1" cellspacing ="4" border ="0" bgcolor ="#336699" align ="center" >
< tr >
< td >< a href ="http://www.lenvo.cn/" > www.lenvo.cn </ a ></ td >
< td > Name </ td >
< td > Is </ td >
< td > LeX </ td >
< td > Rus </ td >
< td > !!! </ td >
</ tr >
</ table >
< script > attachXMenu(xmenu0); // 在上面这个table结束的地方执行事件动作的绑定, 这里的这个xmenu0就是那个table的id</script>
< br >< br >< br >< br >
<!-- 下面这个是竖排的 -->
< table class = " xmenu " id = " xmenu1 " width = " 100 " cellpadding = " 1 " cellspacing = " 4 " border = " 0 " bgcolor = " #336699 " align = " center " >
< tr >< td > My </ td ></ tr >
< tr >< td > Name </ td ></ tr >
< tr >< td > Is </ td ></ tr >
< tr >< td > LeX </ td ></ tr >
< tr >< td > Rus </ td ></ tr >
< tr >< td >!!!</ td ></ tr >
</ table >
< script > attachXMenu(xmenu1); </ script >
<script type="text/javascript"> google_ad_client = "pub-8527320164371593"; google_ad_width = 728; google_ad_height = 90; google_ad_format = "728x90_as"; google_ad_type = "text_image"; //2006-11-09: asp.net google_ad_channel = "8786117784"; google_language = 'en'; </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>