打印

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

takuma888

高级会员

帖子: 455
体力: 895
威望: 0
当前: 湖北武汉
离线: 9 天

专长 JS,ASP,MSSQL

121^# 大中小发表于 2007-12-2 00:12

[原创]图片放大查看效果

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

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

xiaphong

初级会员

帖子: 64
体力: 106
威望: 0
离线: 38 天

专长 前端制作

122^# 大中小发表于 2007-12-11 16:15

引用:

原帖由 greengnn 于 2006-3-19 23:20 发表

 http://www.marktip.com/blog/article.asp?id=81
采用CSS和JS,刚好我最近有个站点要用到下拉菜单!
谢谢啦~~
下面是我还原的源代码

[html]

nav

// JavaScript Document

startList = f ...

这个还有个小问题呢。。。。。。。。
鼠标移到子菜单一会就会消失的。。。。。。
而鼠标还没有离开菜单位置呢。。
有高手解决吗。。。。。。。。

开发web网页

TOP

【美橙超级G空间】688元绑定10个子目录 | oracle工程师注册

tianyazjq110

中级会员

帖子: 140
体力: 300
威望: 1

123^# 大中小发表于 2007-12-11 17:39

俺也来顶一下

复制内容到剪贴板

代码:

[10/17] 随机变换背景图象（一个可以刷新心情的特效） 

   [折叠] 

<Script Language="JavaScript"> 

　　 image = new Array(4); //定义image为图片数量的数组

　　 image [0] = 'tu0.gif' //背景图象的路径

　　 image [1] = 'tu1.gif'

　　 image [2] = 'tu2.gif' 

　　 image [3] = 'tu3.gif'

　　 image [4] = 'tu4.gif' 

　　 number = Math.floor(Math.random() * image.length); 

　　 document.write("<BODY BACKGROUND="+image[number]+">"); 

</Script> 

字号缩放 

 越来越多的人长时间的泡网，眼镜的普及率也越来越高，让文字大点，让更多的用户看的更清楚。

<script type="text/javascript"> 

function doZoom(size) 

{document.getElementById('zoom').style.fontSize=size+'px';} 

</script> 

<span id="zoom">需要指定大小的文字</span> 

<a href="javascript:doZoom(16)">大</a>

 <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a>

TOP

请大家尊重和保护奥运知识产权。

tianyazjq110

中级会员

帖子: 140
体力: 300
威望: 1

124^# 大中小发表于 2007-12-11 17:42

图片抖动特效

复制内容到剪贴板

代码:

<SCRIPT language=javascript1.2> 

<!-- 

var rector=2 

var stopit=0 

var a=1 

var count=0 

function init(which){ 

stopit=0 

shake=which 

shake.style.left=0 

shake.style.top=0 

} 

function rattleimage(){ 

if ((!document.all&&!document.getElementById)||stopit==1||count==100) 

return 

count++ 

if (a==1){ 

shake.style.top=parseInt(shake.style.top)+rector 

} 

else if (a==2){ 

shake.style.left=parseInt(shake.style.left)+rector 

} 

else if (a==3){ 

shake.style.top=parseInt(shake.style.top)-rector 

} 

else{ 

shake.style.left=parseInt(shake.style.left)-rector 

} 

if (a<4) 

a++ 

else 

a=1 

setTimeout("rattleimage()",50) 

} 

function stoprattle(which){ 

stopit=1 

count=0 

which.style.left=0 

which.style.top=0 

} 

//--> 

</SCRIPT> 

<style>.shakeimage {POSITION: relative} 

</style>

调用

<img src="图片的路径" onmouseout=stoprattle(this) onmouseover=init(this);rattleimage() class=shakeimage

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

topsss

初级会员

帖子: 29
体力: 105
威望: 0
当前: 山东济南
离线: 2 天

专长 网页设计,平面,ASP

125^# 大中小发表于 2007-12-14 13:58

点击图片放大

[htm]
<html>
<head><title></title>
<script>
function show()
{
    var hideobj=document.getElementById("hidediv");
    hideobj.style.display="block";
    hideobj.style.height=document.body.clientHeight+"px";
    document.getElementById("showhide").style.display="block";
}
function hide()
{
    document.getElementById("hidediv").style.display="none";
    document.getElementById("showhide").style.display="none";
}
</script>
<style>
body{margin:0px;padding:0px;}
#hidediv{position:absolute;left:0px;top:0px;width:100%;background-color:#ddf;filter:alpha(opacity=60);opacity=60;display:none;z-Index:2;}
#showhide{position:absolute;width:100%;text-align:center;padding-top:80px;display:none;cursor:pointer;z-Index:3;}
#content{position:relative;text-align:center;cursor:pointer;z-Index:1;}
</style>
</head>
<body>
<div id="hidediv"></div>
<div id="showhide"><img src="http://bix.yimg.com/images/zoom/jmWNVrBJdl.jpg" onclick="hide();"></div>
<div id="content">
<img src="http://bix.yimg.com/images/jmWNVrBJdl.jpg" onclick="show();">
</div>
</body>
</html>
[/htm]

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

www.totai.com.cn

TOP

i113600343

中级会员

帖子: 142
体力: 329
威望: 0
当前: 上海浦东
离线: 7 天

126^# 大中小发表于 2007-12-27 16:53

地震效果如下

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

TOP

34211835

初级会员

帖子: 46
体力: 112
威望: 0
当前: 广西桂林
离线: 5 天

127^# 大中小发表于 2008-1-3 22:39

复制内容到剪贴板

代码:

<td width="270" height="28" align="center" valign="middle" bgcolor="#EDF9EC"><span>

<SCRIPT language=JavaScript >

function RunGLNL(){

var today=new Date();

var d=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");

var DDDD=(today.getYear()<100 ? today.getYear()+1900:today.getYear())+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日";

DDDD = DDDD + " " + d[today.getDay()];

DDDD = DDDD+ " " + (CnDateofDateStr(today));

//DDDD = DDDD+ " " + SolarTerm(today);

document.write(DDDD);

}

function DaysNumberofDate(DateGL){

return parseInt((Date.parse(DateGL)-Date.parse(DateGL.getYear()+"/1/1"))/86400000)+1;

}

function CnDateofDate(DateGL){

var CnData=new Array(

0x16,0x2a,0xda,0x00,0x83,0x49,0xb6,0x05,0x0e,0x64,0xbb,0x00,0x19,0xb2,0x5b,0x00,

0x87,0x6a,0x57,0x04,0x12,0x75,0x2b,0x00,0x1d,0xb6,0x95,0x00,0x8a,0xad,0x55,0x02,

0x15,0x55,0xaa,0x00,0x82,0x55,0x6c,0x07,0x0d,0xc9,0x76,0x00,0x17,0x64,0xb7,0x00,

0x86,0xe4,0xae,0x05,0x11,0xea,0x56,0x00,0x1b,0x6d,0x2a,0x00,0x88,0x5a,0xaa,0x04,

0x14,0xad,0x55,0x00,0x81,0xaa,0xd5,0x09,0x0b,0x52,0xea,0x00,0x16,0xa9,0x6d,0x00,

0x84,0xa9,0x5d,0x06,0x0f,0xd4,0xae,0x00,0x1a,0xea,0x4d,0x00,0x87,0xba,0x55,0x04

);

var CnMonth=new Array();

var CnMonthDays=new Array();

var CnBeginDay;

var LeapMonth;

var Bytes=new Array();

var I;

var CnMonthData;

var DaysCount;

var CnDaysCount;

var ResultMonth;

var ResultDay;

var yyyy=DateGL.getYear();

var mm=DateGL.getMonth()+1;

var dd=DateGL.getDate();

if(yyyy<100) yyyy+=1900;

  if ((yyyy < 1997) || (yyyy > 2020)){

    return 0;

    }

  Bytes[0] = CnData[(yyyy - 1997) * 4];

  Bytes[1] = CnData[(yyyy - 1997) * 4 + 1];

  Bytes[2] = CnData[(yyyy - 1997) * 4 + 2];

  Bytes[3] = CnData[(yyyy - 1997) * 4 + 3];

  if ((Bytes[0] & 0x80) != 0) {CnMonth[0] = 12;}

  else {CnMonth[0] = 11;}

  CnBeginDay = (Bytes[0] & 0x7f);

  CnMonthData = Bytes[1];

  CnMonthData = CnMonthData << 8;

  CnMonthData = CnMonthData | Bytes[2];

  LeapMonth = Bytes[3];

for (I=15;I>=0;I--){

    CnMonthDays[15 - I] = 29;

    if (((1 << I) & CnMonthData) != 0 ){

      CnMonthDays[15 - I]++;}

    if (CnMonth[15 - I] == LeapMonth ){

      CnMonth[15 - I + 1] = - LeapMonth;}

    else{

      if (CnMonth[15 - I] < 0 ){CnMonth[15 - I + 1] = - CnMonth[15 - I] + 1;}

      else {CnMonth[15 - I + 1] = CnMonth[15 - I] + 1;}

      if (CnMonth[15 - I + 1] > 12 ){ CnMonth[15 - I + 1] = 1;}

    }

  }

  DaysCount = DaysNumberofDate(DateGL) - 1;

  if (DaysCount <= (CnMonthDays[0] - CnBeginDay)){

    if ((yyyy > 1901) && (CnDateofDate(new Date((yyyy - 1)+"/12/31")) < 0)){

      ResultMonth = - CnMonth[0];}

    else {ResultMonth = CnMonth[0];}

    ResultDay = CnBeginDay + DaysCount;

  }

  else{

    CnDaysCount = CnMonthDays[0] - CnBeginDay;

    I = 1;

    while ((CnDaysCount < DaysCount) && (CnDaysCount + CnMonthDays[I] < DaysCount)){

      CnDaysCount+= CnMonthDays[I];

      I++;

    }

    ResultMonth = CnMonth[I];

    ResultDay = DaysCount - CnDaysCount;

  }

  if (ResultMonth > 0){

    return ResultMonth * 100 + ResultDay;}

  else{return ResultMonth * 100 - ResultDay;}

}

function CnYearofDate(DateGL){

var YYYY=DateGL.getYear();

var MM=DateGL.getMonth()+1;

var CnMM=parseInt(Math.abs(CnDateofDate(DateGL))/100);

if(YYYY<100) YYYY+=1900;

if(CnMM>MM) YYYY--;

YYYY-=1864;

return CnEra(YYYY)+"年";

}

function CnMonthofDate(DateGL){

var  CnMonthStr=new Array("零","正","二","三","四","五","六","七","八","九","十","冬","腊");

var  Month;

  Month = parseInt(CnDateofDate(DateGL)/100);

  if (Month < 0){return "闰" + CnMonthStr[-Month] + "月";}

  else{return CnMonthStr[Month] + "月";}

}

function CnDayofDate(DateGL){

var CnDayStr=new Array("零",

    "初一", "初二", "初三", "初四", "初五",

    "初六", "初七", "初八", "初九", "初十",

    "十一", "十二", "十三", "十四", "十五",

    "十六", "十七", "十八", "十九", "二十",

    "廿一", "廿二", "廿三", "廿四", "廿五",

    "廿六", "廿七", "廿八", "廿九", "三十");

var Day;

  Day = (Math.abs(CnDateofDate(DateGL)))%100;

  return CnDayStr[Day];

}

function DaysNumberofMonth(DateGL){

var MM1=DateGL.getYear();

    MM1<100 ? MM1+=1900:MM1;

var MM2=MM1;

    MM1+="/"+(DateGL.getMonth()+1);

    MM2+="/"+(DateGL.getMonth()+2);

    MM1+="/1";

    MM2+="/1";

return parseInt((Date.parse(MM2)-Date.parse(MM1))/86400000);

}

function CnEra(YYYY){

var Tiangan=new Array("甲","乙","丙","丁","戊","己","庚","辛","壬","癸");

//var Dizhi=new Array("子(鼠)","丑(牛)","寅(虎)","卯(兔)","辰(龙)","巳(蛇)",

                    //"午(马)","未(羊)","申(猴)","酉(鸡)","戌(狗)","亥(猪)");

var Dizhi=new Array("子","丑","寅","卯","辰","巳","午","未","申","酉","戌","亥");

return Tiangan[YYYY%10]+Dizhi[YYYY%12];

}

function CnDateofDateStr(DateGL){

  if(CnMonthofDate(DateGL)=="零月") return "　请调整您的计算机日期!";

  else return "农历"+CnYearofDate(DateGL)+ " " + CnMonthofDate(DateGL) + CnDayofDate(DateGL);

}

function SolarTerm(DateGL){

  var SolarTermStr=new Array(

        "小寒","大寒","立春","雨水","惊蛰","春分",

        "清明","谷雨","立夏","小满","芒种","夏至",

        "小暑","大暑","立秋","处暑","白露","秋分",

        "寒露","霜降","立冬","小雪","大雪","冬至");

  var DifferenceInMonth=new Array(

        1272060,1275495,1281180,1289445,1299225,1310355,

        1321560,1333035,1342770,1350855,1356420,1359045,

        1358580,1355055,1348695,1340040,1329630,1318455,

        1306935,1297380,1286865,1277730,1274550,1271556);

  var DifferenceInYear=31556926;

  var BeginTime=new Date(1901/1/1);

  BeginTime.setTime(947120460000);

     for(;DateGL.getYear()<BeginTime.getYear();){

        BeginTime.setTime(BeginTime.getTime()-DifferenceInYear*1000);

     }

     for(;DateGL.getYear()>BeginTime.getYear();){

        BeginTime.setTime(BeginTime.getTime()+DifferenceInYear*1000);

     }

     for(var M=0;DateGL.getMonth()>BeginTime.getMonth();M++){

        BeginTime.setTime(BeginTime.getTime()+DifferenceInMonth[M]*1000);

     }

     if(DateGL.getDate()>BeginTime.getDate()){

        BeginTime.setTime(BeginTime.getTime()+DifferenceInMonth[M]*1000);

        M++;

     }

     if(DateGL.getDate()>BeginTime.getDate()){

        BeginTime.setTime(BeginTime.getTime()+DifferenceInMonth[M]*1000);

        M==23?M=0:M++;

     }

  var JQ;

  if(DateGL.getDate()==BeginTime.getDate()){

    JQ="　 今天是<font color='#FF9999'><b>"+SolarTermStr[M] + "</b></font>";

  }

  else if(DateGL.getDate()==BeginTime.getDate()-1){

    JQ="　 明天是<font color='#FF9999'><b>"+SolarTermStr[M] + "</b></font>";

  }

  else if(DateGL.getDate()==BeginTime.getDate()-2){

    JQ="　 后天是<font color='#FF9999'><b>"+SolarTermStr[M] + "</b></font>";

  }

  else{

   JQ=" "

   if(DateGL.getMonth()==BeginTime.getMonth()){

      JQ+="　 本月";

   }

   else{

     JQ+="　 下月";

   }

   JQ+=BeginTime.getDate()+"日"+"<font color='#FF9999'><b>"+SolarTermStr[M]+"</b></font>";

  }

return JQ;

}

function CAL()

{}

RunGLNL();

function CurentTime(){ 

    var now = new Date(); 

    var hh = now.getHours(); 

    var mm = now.getMinutes(); 

    var ss = now.getTime() % 60000; 

    ss = (ss - (ss % 1000)) / 1000; 

    var clock = hh+':'; 

    if (mm < 10) clock += '0'; 

    clock += mm+':'; 

    if (ss < 10) clock += '0'; 

    clock += ss; 

    return(clock); 

} 

</SCRIPT></span>

<iframe src="http://time.org.cn/now/ color:#EFFBEF;font-size:9pt" width=0 height=0 frameborder=0 scrolling=no allowTransparency=true></iframe></td>

TOP

34211835

初级会员

帖子: 46
体力: 112
威望: 0
当前: 广西桂林
离线: 5 天

128^# 大中小发表于 2008-1-3 22:40

<td width="270" height="28" align="center" valign="middle" bgcolor="#EDF9EC"><span>
<SCRIPT language=JavaScript >
function RunGLNL(){
var today=new Date();
var d=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
var DDDD=(today.getYear()<100 ? today.getYear()+1900:today.getYear())+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日";
DDDD = DDDD + " " + d[today.getDay()];
DDDD = DDDD+ " " + (CnDateofDateStr(today));
//DDDD = DDDD+ " " + SolarTerm(today);
document.write(DDDD);
}
function DaysNumberofDate(DateGL){
return parseInt((Date.parse(DateGL)-Date.parse(DateGL.getYear()+"/1/1"))/86400000)+1;
}
function CnDateofDate(DateGL){
var CnData=new Array(
0x16,0x2a,0xda,0x00,0x83,0x49,0xb6,0x05,0x0e,0x64,0xbb,0x00,0x19,0xb2,0x5b,0x00,
0x87,0x6a,0x57,0x04,0x12,0x75,0x2b,0x00,0x1d,0xb6,0x95,0x00,0x8a,0xad,0x55,0x02,
0x15,0x55,0xaa,0x00,0x82,0x55,0x6c,0x07,0x0d,0xc9,0x76,0x00,0x17,0x64,0xb7,0x00,
0x86,0xe4,0xae,0x05,0x11,0xea,0x56,0x00,0x1b,0x6d,0x2a,0x00,0x88,0x5a,0xaa,0x04,
0x14,0xad,0x55,0x00,0x81,0xaa,0xd5,0x09,0x0b,0x52,0xea,0x00,0x16,0xa9,0x6d,0x00,
0x84,0xa9,0x5d,0x06,0x0f,0xd4,0xae,0x00,0x1a,0xea,0x4d,0x00,0x87,0xba,0x55,0x04
);
var CnMonth=new Array();
var CnMonthDays=new Array();
var CnBeginDay;
var LeapMonth;
var Bytes=new Array();
var I;
var CnMonthData;
var DaysCount;
var CnDaysCount;
var ResultMonth;
var ResultDay;
var yyyy=DateGL.getYear();
var mm=DateGL.getMonth()+1;
var dd=DateGL.getDate();
if(yyyy<100) yyyy+=1900;
  if ((yyyy < 1997) || (yyyy > 2020)){
    return 0;
    }
  Bytes[0] = CnData[(yyyy - 1997) * 4];
  Bytes[1] = CnData[(yyyy - 1997) * 4 + 1];
  Bytes[2] = CnData[(yyyy - 1997) * 4 + 2];
  Bytes[3] = CnData[(yyyy - 1997) * 4 + 3];
  if ((Bytes[0] & 0x80) != 0) {CnMonth[0] = 12;}
  else {CnMonth[0] = 11;}
  CnBeginDay = (Bytes[0] & 0x7f);
  CnMonthData = Bytes[1];
  CnMonthData = CnMonthData << 8;
  CnMonthData = CnMonthData | Bytes[2];
  LeapMonth = Bytes[3];
for (I=15;I>=0;I--){
    CnMonthDays[15 - I] = 29;
    if (((1 << I) & CnMonthData) != 0 ){
      CnMonthDays[15 - I]++;}
    if (CnMonth[15 - I] == LeapMonth ){
      CnMonth[15 - I + 1] = - LeapMonth;}
    else{
      if (CnMonth[15 - I] < 0 ){CnMonth[15 - I + 1] = - CnMonth[15 - I] + 1;}
      else {CnMonth[15 - I + 1] = CnMonth[15 - I] + 1;}
      if (CnMonth[15 - I + 1] > 12 ){ CnMonth[15 - I + 1] = 1;}
    }
  }
  DaysCount = DaysNumberofDate(DateGL) - 1;
  if (DaysCount <= (CnMonthDays[0] - CnBeginDay)){
    if ((yyyy > 1901) && (CnDateofDate(new Date((yyyy - 1)+"/12/31")) < 0)){
      ResultMonth = - CnMonth[0];}
    else {ResultMonth = CnMonth[0];}
    ResultDay = CnBeginDay + DaysCount;
  }
  else{
    CnDaysCount = CnMonthDays[0] - CnBeginDay;
    I = 1;
    while ((CnDaysCount < DaysCount) && (CnDaysCount + CnMonthDays[I] < DaysCount)){
      CnDaysCount+= CnMonthDays[I];
      I++;
    }
    ResultMonth = CnMonth[I];
    ResultDay = DaysCount - CnDaysCount;
  }
  if (ResultMonth > 0){
    return ResultMonth * 100 + ResultDay;}
  else{return ResultMonth * 100 - ResultDay;}
}
function CnYearofDate(DateGL){
var YYYY=DateGL.getYear();
var MM=DateGL.getMonth()+1;
var CnMM=parseInt(Math.abs(CnDateofDate(DateGL))/100);
if(YYYY<100) YYYY+=1900;
if(CnMM>MM) YYYY--;
YYYY-=1864;
return CnEra(YYYY)+"年";
}
function CnMonthofDate(DateGL){
var  CnMonthStr=new Array("零","正","二","三","四","五","六","七","八","九","十","冬","腊");
var  Month;
  Month = parseInt(CnDateofDate(DateGL)/100);
  if (Month < 0){return "闰" + CnMonthStr[-Month] + "月";}
  else{return CnMonthStr[Month] + "月";}
}
function CnDayofDate(DateGL){
var CnDayStr=new Array("零",
    "初一", "初二", "初三", "初四", "初五",
    "初六", "初七", "初八", "初九", "初十",
    "十一", "十二", "十三", "十四", "十五",
    "十六", "十七", "十八", "十九", "二十",
    "廿一", "廿二", "廿三", "廿四", "廿五",
    "廿六", "廿七", "廿八", "廿九", "三十");
var Day;
  Day = (Math.abs(CnDateofDate(DateGL)))%100;
  return CnDayStr[Day];
}
function DaysNumberofMonth(DateGL){
var MM1=DateGL.getYear();
    MM1<100 ? MM1+=1900:MM1;
var MM2=MM1;
    MM1+="/"+(DateGL.getMonth()+1);
    MM2+="/"+(DateGL.getMonth()+2);
    MM1+="/1";
    MM2+="/1";
return parseInt((Date.parse(MM2)-Date.parse(MM1))/86400000);
}
function CnEra(YYYY){
var Tiangan=new Array("甲","乙","丙","丁","戊","己","庚","辛","壬","癸");
//var Dizhi=new Array("子(鼠)","丑(牛)","寅(虎)","卯(兔)","辰(龙)","巳(蛇)",
                    //"午(马)","未(羊)","申(猴)","酉(鸡)","戌(狗)","亥(猪)");
var Dizhi=new Array("子","丑","寅","卯","辰","巳","午","未","申","酉","戌","亥");
return Tiangan[YYYY%10]+Dizhi[YYYY%12];
}
function CnDateofDateStr(DateGL){
  if(CnMonthofDate(DateGL)=="零月") return "　请调整您的计算机日期!";
  else return "农历"+CnYearofDate(DateGL)+ " " + CnMonthofDate(DateGL) + CnDayofDate(DateGL);
}
function SolarTerm(DateGL){
  var SolarTermStr=new Array(
        "小寒","大寒","立春","雨水","惊蛰","春分",
        "清明","谷雨","立夏","小满","芒种","夏至",
        "小暑","大暑","立秋","处暑","白露","秋分",
        "寒露","霜降","立冬","小雪","大雪","冬至");
  var DifferenceInMonth=new Array(
        1272060,1275495,1281180,1289445,1299225,1310355,
        1321560,1333035,1342770,1350855,1356420,1359045,
        1358580,1355055,1348695,1340040,1329630,1318455,
        1306935,1297380,1286865,1277730,1274550,1271556);
  var DifferenceInYear=31556926;
  var BeginTime=new Date(1901/1/1);
  BeginTime.setTime(947120460000);
     for(;DateGL.getYear()<BeginTime.getYear();){
        BeginTime.setTime(BeginTime.getTime()-DifferenceInYear*1000);
     }
     for(;DateGL.getYear()>BeginTime.getYear();){
        BeginTime.setTime(BeginTime.getTime()+DifferenceInYear*1000);
     }
     for(var M=0;DateGL.getMonth()>BeginTime.getMonth();M++){
        BeginTime.setTime(BeginTime.getTime()+DifferenceInMonth[M]*1000);
     }
     if(DateGL.getDate()>BeginTime.getDate()){
        BeginTime.setTime(BeginTime.getTime()+DifferenceInMonth[M]*1000);
        M++;
     }
     if(DateGL.getDate()>BeginTime.getDate()){
        BeginTime.setTime(BeginTime.getTime()+DifferenceInMonth[M]*1000);
        M==23?M=0:M++;
     }
  var JQ;
  if(DateGL.getDate()==BeginTime.getDate()){
    JQ="　 今天是<font color='#FF9999'><b>"+SolarTermStr[M] + "</b></font>";
  }
  else if(DateGL.getDate()==BeginTime.getDate()-1){
    JQ="　 明天是<font color='#FF9999'><b>"+SolarTermStr[M] + "</b></font>";
  }
  else if(DateGL.getDate()==BeginTime.getDate()-2){
    JQ="　 后天是<font color='#FF9999'><b>"+SolarTermStr[M] + "</b></font>";
  }
  else{
   JQ=" "
   if(DateGL.getMonth()==BeginTime.getMonth()){
      JQ+="　 本月";
   }
   else{
     JQ+="　 下月";
   }
   JQ+=BeginTime.getDate()+"日"+"<font color='#FF9999'><b>"+SolarTermStr[M]+"</b></font>";
  }
return JQ;
}
function CAL()
{}
RunGLNL();
function CurentTime(){ 
    var now = new Date(); 
    var hh = now.getHours(); 
    var mm = now.getMinutes(); 
    var ss = now.getTime() % 60000; 
    ss = (ss - (ss % 1000)) / 1000; 
    var clock = hh+':'; 
    if (mm < 10) clock += '0'; 
    clock += mm+':'; 
    if (ss < 10) clock += '0'; 
    clock += ss; 
    return(clock); 
} 
</SCRIPT></span>
<iframe src="http://time.org.cn/now/ color:#EFFBEF;font-size:9pt" width=0 height=0 frameborder=0 scrolling=no allowTransparency=true></iframe></td>

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

TOP

ixiaoyu

忧伤的小鱼

中级会员

帖子: 306
体力: 283
威望: 0
当前: 河南郑州

专长 网页设计,前端制作,JS

129^# 大中小发表于 2008-1-14 11:17

<!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>
	<title>a</title>
	<style type="text/css">
		
		ul#hovershow2{
			list-style-type: none;
			margin: 50px;
			width:200px;
			float: left;
			display: inline;
			clear: both;
		}
		ul#hovershow2 li{
			float: left;
			display: inline;
			width:20px;
			height: 20px;
			margin: 2px;
					
		}
		ul#hovershow2 li a {
			text-decoration: none;
			display: block;
			width:20px;
			height:20px;
			border:1px red solid;
			background-color: White;
			line-height: 20px;
			font-size: 12px;
			text-align: center;
		}
		ul#hovershow2 li a:hover{
		position: absolute;
		width:40px;
		height: 40px;
		line-height: 40px;
		font-size: 32px;
		z-index:100;
		margin: -10px 0 0 -10px;
		}
ul#hovershow2 li:hover + li a{
		position: absolute;
		width:30px;
		height: 30px;
		line-height: 30px;
		font-size: 24px;
		z-index:99;
		margin: -5px 0 0 -5px;
		}
		
	</style>
</head>
<body>
<ul id="hovershow2">
	<li><a href="1#" title="test"><span>1</span></a></li>
	<li><a href="2#" title="test"><span>2</span></a></li>
	<li><a href="3#" title="test"><span>3</span></a></li>
	<li><a href="4#" title="test"><span>4</span></a></li>
	<li><a href="5#" title="test"><span>5</span></a></li>
	<li><a href="6#" title="test"><span>6</span></a></li>
	<li><a href="7#" title="test"><span>7</span></a></li>
</ul>
</body>
</html>

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

web标准群:30161876

TOP

wqyz

区区

中级会员

帖子: 115
体力: 237
威望: 0
当前: 浙江杭州
离线: 11 天

130^# 大中小发表于 2008-3-10 08:31

Js在FF下都不支持的么？

引用:

原帖由 Lenvo 于 2006-3-9 10:14 发表
漂亮的仿flash菜单，来自蓝色经典
[html]

/* 先把这个 xmenu 的样式放到css里 */
.xmenu td{font-size:12px;font-family:verdana,arial;font-weight:bolder;color:#ffffff;border:1px solid #336699;backg ...

这个像FLASH效果的貌似只在IE下支持FF下不支持的··还有greengnn 放出的快捷方式提交表单等其他一些效果都只见在IE下能实现···有啥办法能让它们也兼顾其他浏览器哈？

TOP

willko

中级会员

帖子: 209
体力: 393
威望: 0
当前: 广东深圳
离线: 6 天

131^# 大中小发表于 2008-4-6 17:24

引用:

原帖由 zilin 于 2008-3-31 15:06 发表
谁知道google下面那个类似flash菜单的效果是怎么做的呀.

http://blog.csdn.net/willko/archive/2008/04/01/2235598.aspx

TOP

hooluu

新手上路

帖子: 1
体力: 7
威望: 0
当前: 广西桂林
离线: 143 天

132^# 大中小发表于 2008-4-14 12:57

^_^

^_^,感谢楼主及各位大哥大姐的贡献,小弟受益菲浅..

我也来一点:

中文乱码处理:加在第一行
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<%
session.CodePage=65001
response.Charset="utf-8"
%>

标题太长,多于的用"..."省略;css代码:
body 前放:
<style type="text/css">
#idDIV{
font-size: 12px;
width:190px;height:100%;
background-color

adding:8px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
</style>

body内:
<div id=idDIV>您要输入的文字</div>

TOP

lcxlcx

新手上路

帖子: 2
体力: 10
威望: 0
当前: 福建福州
离线: 53 天

133^# 大中小发表于 2008-4-21 06:43

[转载]真正意义上的页面预载效果

实在经典，转自：http://bbs.blueidea.com/thread-2784072-1-1.html

<!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>test</title>
<script>
window.onload=function(){
document.getElementById("loading").style.display="none";
 document.getElementById("main").style.display="block";
}
</script>
</head>
<body>
<div id="loading">
loading please wait...
</div>
<div id="main" style=" display:none">
<table cellSpacing="0" cellPadding="0" width="778" align="center" border="0">
<tbody>
	<tr>
		<td width="778"><img src="http://school6.schoolbrief.com/School/Theme1/Color1/template11_2.gif" border="0"></td>
	</tr>
	</tbody>
</table>
<table cellSpacing="0" cellPadding="0" width="778" align="center" background="http://school6.schoolbrief.com/School/Theme1/Color1/template11_8.gif" border="0">
	<tbody>
		<tr>
			<td align="right" valign="top" style="padding-left:25px; padding-right:25px;">
				<table border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="LoginTitle"><b>Username:</b>&nbsp;</td>
					    <td><input name="Top1$txtUserName" type="text" id="Top1_txtUserName" class="txt" onKeyDown="GetFocus(event);" /></td>
						<td class="LoginTitle">&nbsp;<b>Password:</b>&nbsp;</td>
						<td ><input name="Top1$txtPassword" type="password" id="Top1_txtPassword" class="txt" onKeyDown="NextFocus(event);" /></td>
						<td valign="middle" style="padding:3px;"><input type="image" name="Top1$Login1_imgbtnLogin" id="Top1_Login1_imgbtnLogin" src="http://school6.schoolbrief.com/School/Theme1/Color1/template11_37.gif" style="border-width:0px;" /></td>
						<td><a href="GetPassword.aspx"><img src="http://school6.schoolbrief.com/School/Theme1/Color1/template11_38.gif" border=0></a></td>
					</tr>
				</table>
		    </td>
		</tr>
	</tbody>
</table>			
<table cellSpacing="0" cellPadding="0" width="778" align="center" background="http://school6.schoolbrief.com/School/Theme1/Color1/template11_8.gif" border="0">
	<tbody>
		<tr>
			<td align="left" valign="top" style="padding-left:25px; padding-right:25px; padding-bottom:10px;">
				<span id="Top1_lblSchoolName" class="SchoolName">Franklin High School</span>
				<p class="headline">
				Address:&nbsp;<span id="Top1_lblTopAddr">4211 Okemos Rd., Okemos, MI 48864</span>&nbsp;|&nbsp; 
				Main Phone:&nbsp;<span id="Top1_lblTopMainPhone">(517) 381-1830</span>
                    <span id="Top1_lblAttendancePhone">| Attendance Line:</span>&nbsp;<span id="Top1_lblTopAttendanceLine">(517) 381-3333</span>
				</p>
			</td>
		</tr>
	</tbody>
</table>			
<table cellSpacing="0" cellPadding="0" width="778" align="center" border="0">
<tbody>
	<tr>
		<td width="21" height="35"><IMG src="http://school6.schoolbrief.com/School/Theme1/Color1/template11_10.gif" width="21" height="35"></td>
		<td width="48"><a id="Top1_hylinkHome" href="Home.aspx"><img src="http://school6.schoolbrief.com/School/Theme1/Color1/template11_11.gif" style="border-width:0px;" /></a></td>
		<td width="49"><a id="Top1_hylinkNews" href="News.aspx"><img src="http://school6.schoolbrief.com/School/Theme1/Color1/template11_12.gif" style="border-width:0px;" /></a></td>
		<td width="69"><a id="Top1_hylinkCalendar" href="Calendar.aspx"><img src="http://school6.schoolbrief.com/School/Theme1/Color1/template11_13.gif" style="border-width:0px;" /></a></td>
		<td width="74"><a id="Top1_hylinkAboutUs" href="AboutUs.aspx"><img src="http://school6.schoolbrief.com/School/Theme1/Color1/template11_14.gif" style="border-width:0px;" /></a></td>
		<td width="61"><a id="Top1_hylinkContactUs" href="ContactUs.aspx"><img src="http://school6.schoolbrief.com/School/Theme1/Color1/template11_15.gif" style="border-width:0px;" /></a></td>
		<td width="83"><a id="Top1_hylinkDocuments" href="Document.aspx"><img src="http://school6.schoolbrief.com/School/Theme1/Color1/template11_16.gif" style="border-width:0px;" /></a></td>
		<td width="130"><a id="Top1_hylinkParents" href="ForParents.aspx"><img src="http://school6.schoolbrief.com/School/Theme1/Color1/template11_17.gif" style="border-width:0px;" /></a></td>
		<td width="114"><a id="Top1_hylinkStudent" href="ForStudent.aspx"><img src="http://school6.schoolbrief.com/School/Theme1/Color1/template11_18.gif" style="border-width:0px;" /></a></td>
		<td width="104"><a id="Top1_hylinkStaff" href="ForStaff.aspx"><img src="http://school6.schoolbrief.com/School/Theme1/Color1/template11_19.gif" style="border-width:0px;" /></a></td>
		<td width="25"><img src="http://school6.schoolbrief.com/School/Theme1/Color1/template11_20.gif" width="25" height="35"></td>
	</tr>
	</tbody>
</table>
<table width="778" height="150" border="0" align="center" cellpadding="0" cellspacing="0" background='http://school6.schoolbrief.com/School/Theme1/Color1/template11_49.gif'>
	<tbody>
	<tr>
		<td align="center" style="padding-top:5px; padding-bottom:5px;">
			<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="730" height="170">
			<param name="movie" value="http://school6.schoolbrief.com/School/Theme1/picshow.swf" />
			<param name="quality" value="high" />
			<embed src="http://school6.schoolbrief.com/School/Theme1/picshow.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="730" height="170"></embed>
			</object>
		</td>
	</tr>
	</tbody>
</table>
</div>
</body>
</html>

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

TOP

cmwap

上一届

高级会员

帖子: 418
体力: 676
威望: 6
当前: 江西南昌

134^# 大中小发表于 2008-5-9 20:46

loading

loading 效果还有几个找不到拉比这效果好！！

http://www.qs163.com/Extend/Javascript/index.htm
里面有很多效果各种各样！！建议楼主把这些代码的效果加上图片展示方便直观！
可以的话代码打包！

图像工具：
图片展示:

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

网页禁止保存代码为：
<noscript><iframe src="*.htm"></iframe></noscript>

本机ip<%=request.servervariables("remote_addr")%>
服务器名<%=Request.ServerVariables("SERVER_NAME")%>
服务器IP<%=Request.ServerVariables("LOCAL_ADDR")%>
服务器端口<%=Request.ServerVariables("SERVER_PORT")%>

网页禁止被缓存的代码 ASP
<%
Response.Expires = 0
Response.ExpiresAbsolute = Now() - 1
Response.CacheControl = "no-cache"
%>

1.将彻底屏蔽鼠标右键,无右键菜单
<body oncontextmenu="window.event.returnvalue=false">

也可以用于网页中Table框架中
<table border oncontextmenu=return(false)><td>no</table>

2.取消选取、防止复制
<body onselectstart="return false">

3.不准粘贴
<body onpaste="return false">

4.防止复制
<body oncopy="return false;" oncut="return false;">

5.IE地址栏前换成自己的图标
<link rel="Shortcut Icon" href="favicon.ico">

6.收藏夹中显示出你的图标
<link rel="Bookmark" href="favicon.ico">

7.关闭输入法
<input style="ime-mode:disabled">

说明：这段代码是在表格提交时用到的。也就是在输入数据时不可以使用其他输入法模式。

8.永远都会带着框架

<script language="javascript"></script>9.防止被人frame

<SCRIPT LANGUAGE=javascript></SCRIPT>

<input style="ime-mode:disabled">

9.查源文件

<input type=button value=查看网页源代码
onclick="window.location = 'view-source:'+ 'http://www.e3i5.com/test.htm';">

10.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALT　CTRL
}
document.onkeydown=look;
</script>

11.光标是停在文本框文字的最后
<script language="java script">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart("character",e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" onfocus="cc()">

[ 本帖最后由 cmwap 于 2008-5-10 17:49 编辑 ]

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

\\自.娱.自.乐:2008\waproot\self.lsc

TOP

cmwap

上一届

高级会员

帖子: 418
体力: 676
威望: 6
当前: 江西南昌

135^# 大中小发表于 2008-5-10 17:26

标题变化！

标题变化
图片效果：

<SCRIPT language=JavaScript>
step=0
function flash_title()
    {
      step++
      if (step==40) {step=1}
      if (step==1) {document.title=' \\\自. _<'}
      if (step==2) {document.title=' \\\自.娱. _<'}
      if (step==3) {document.title=' \\\自.娱.自. _<'}
      if (step==4) {document.title=' \\\自.娱.自.乐 _<'}
      if (step==5) {document.title=' \\\自.娱.自.乐:2008 _<'}
      if (step==6) {document.title=' \\\自.娱.自.乐:2008\\ _<'}
      if (step==7) {document.title=' \\\自.娱.自.乐:2008\\waproot _<'}
      if (step==8) {document.title=' \\\自.娱.自.乐:2008\\waproot\\ _<'}
      if (step==9) {document.title=' \\\自.娱.自.乐:2008\\waproot\\self.lsc _<'}
      if (step==10) {document.title='.._<'}
      if (step==11) {document.title='../._<'}
  　　if (step==12) {document.title='../../._<'}
  　　if (step==13) {document.title='../../../._<'}
  　　if (step==14) {document.title='../../../../._<'}
  　　if (step==15) {document.title='../../../../../_<'}
  　　if (step==16) {document.title='../../../../../SELF._<'}
  　　if (step==17) {document.title='../../../../../SELF._<'}
  　　if (step==18) {document.title='../../../../../SELF._<'}
  　　if (step==19) {document.title='../../../../../SELF._<'}
  　　if (step==20) {document.title='../../../../../SELF._<'}
  　　if (step==21) {document.title='../../../../../SELF._<'}
  　　if (step==22) {document.title='../../../../../SELF._<'}
  　　if (step==23) {document.title='../../../../../SELF._<'}
  　　if (step==24) {document.title='../../../../../SELF._<'}
  　　if (step==25) {document.title='../../../../../SELF._<'}
  　　if (step==26) {document.title='../../../../../SELF._<'}
  　　if (step==27) {document.title='../../../../../SELF._<'}
  　　if (step==28) {document.title='../../../../../SELF._<'}
  　　if (step==29) {document.title='../../../../../SELF._<'}
  　　if (step==30) {document.title='../../../../../SELF._<'}
  　　if (step==31) {document.title='../../../../../SELF._<'}
  　　if (step==32) {document.title='../../../../../SELF._<'}
  　　if (step==33) {document.title='../../../../../SELF._<'}
  　　if (step==34) {document.title='../../../../../SELF._<'}
  　　if (step==35) {document.title='../../../../../SELF._<'}
  　　if (step==36) {document.title='../../../../../SELF._<'}
  　　if (step==37) {document.title='../../../../../SELF._<'}
  　　if (step==38) {document.title='../../../../../SELF._<'}
  　　if (step==39) {document.title='../../../../../SELF._<'}
      setTimeout("flash_title()",600);
    }
flash_title()
</SCRIPT>

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

状态栏
图片效果：

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

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

\\自.娱.自.乐:2008\waproot\self.lsc

TOP

Shinar

新手上路

帖子: 1
体力: 7
威望: 0
当前: 浙江杭州
离线: 86 天

136^# 大中小发表于 2008-6-11 10:07

十七 DIV_圆边圆角的实现IE Only

引用:

原帖由 lipengadmin 于 2006-3-8 11:02 发表
十七 DIV_圆边圆角的实现
v\:*{behavior: url(#default#VML);}
提示：您可以先修改部分代码再运行

这个效果是 IE Only ！

TOP

dnaliang

金牌会员

帖子: 1280
体力: 3513
威望: 0
当前: 上海闸北

137^# 大中小发表于 2008-6-13 08:14

<div id="demo" style="overflow:hidden;width:600px;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><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=20//速度数值越大速度越慢
  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>

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

按照50#的写法, 可以得到向左不间断滚动效果, 但是我想使2个图片之间没有缝隙,这个怎么实现?

另外: div 还必须指定值,不能用百分比
谢谢

[ 本帖最后由 dnaliang 于 2008-6-13 08:19 编辑 ]

www.idc0001.cn
找些人帮忙。。。

TOP

dnaliang

金牌会员

帖子: 1280
体力: 3513
威望: 0
当前: 上海闸北

138^# 大中小发表于 2008-6-13 10:35

引用:

原帖由 lipengadmin 于 2007-1-2 21:34 发表
首先发一个yahoo首页中大家给出的一个效果
[html]

runcode

var mh = 30;//最小高度
var step = 1;//每次变化的px量
var ms = 10;//每隔多久循环一次
function toggle(o){
if (!o.tid)o.tid = " ...

如果我要变成默认为缩起状态的应该改什么地方?

www.idc0001.cn
找些人帮忙。。。

TOP

minssy

初级会员

帖子: 35
体力: 81
威望: 0
当前: 广东佛山
离线: 33 天

139^# 大中小发表于 2008-6-30 11:43

请问一下楼主,
那个用DIV实现圆边圆角``````
怎么才能修改圆边圆角的边框颜色````边框的大小等问题