【网页特效-时间特效】用文字链接在页面中打开相应的时间表,然后选择

合集下载

【网页特效代码-页面特效】网页中弹出小窗口,页面背景逐渐变为半透明

【网页特效代码-页面特效】网页中弹出小窗口,页面背景逐渐变为半透明.txt我是天使，回不去天堂是因为体重的原因。

别人装处，我只好装经验丰富。

泡妞就像挂QQ，每天哄她2个小时，很快就可以太阳了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><title>网页中弹出小窗口,页面背景逐渐变为半透明-Ｑ291911320</title><style>html,body{font-size:12px;margin:0px;height:100%;}.mesWindow{border:#666 1px solid;background:#fff;}.mesWindowTop{border-bottom:#eee 1px solid;margin-left:4px;padding:3px;font-weight:bold;text-align:left;font-size:12p x;}.mesWindowContent{margin:4px;font-size:12px;}.mesWindow .close{height:15px;width:28px;border:none;cursor:pointer;text-decorat ion:underline;background:#fff}</style><script>var isIe=(document.all)?true:false;//设置select的可见状态function setSelectState(state){var objl=document.getElementsByTagName('select');for(var i=0;i<objl.length;i++){objl[i].style.visibility=state;}}function mousePosition(ev){if(ev.pageX || ev.pageY){return {x:ev.pageX, y:ev.pageY};}return {x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,y:ev.clientY + document.body.scrollTop - document.body.clientTop};}//弹出方法function showMessageBox(wTitle,content,pos,wWidth){closeWindow();var bWidth=parseInt(document.documentElement.scrollWidth);var bHeight=parseInt(document.documentElement.scrollHeight);if(isIe){setSelectState('hidden');}var back=document.createElement("div");back.id="back";varstyleStr="top:0px;left:0px;position:absolute;background:#666;width:"+bWidth+"px; height:"+bHeight+"px;";styleStr+=(isIe)?"filter:alpha(opacity=0);":"opacity:0;";back.style.cssText=styleStr;document.body.appendChild(back);showBackground(back,50);var mesW=document.createElement("div");mesW.id="mesWindow";mesW.className="mesWindow";mesW.innerHTML="<div class='mesWindowTop'><table width='100%' height='100%'><tr><td>"+wTitle+"</td><td style='width:1px;'><input type='button' onclick='closeWindow();' title='关闭窗口' class='close' value='关闭' /></td></tr></table></div><div class='mesWindowContent' id='mesWindowContent'>"+content+"</div><div class='mesWindowBottom'></div>"; styleStr="left:"+(((pos.x-wWidth)>0)?(pos.x-wWidth):pos.x)+"px;top:"+(pos.y)+"px ;position:absolute;width:"+wWidth+"px;";mesW.style.cssText=styleStr;document.body.appendChild(mesW);}//让背景渐渐变暗function showBackground(obj,endInt){if(isIe){obj.filters.alpha.opacity+=1;if(obj.filters.alpha.opacity<endInt){setTimeout(function(){showBackground(obj,endInt)},5);}}else{var al=parseFloat(obj.style.opacity);al+=0.01;obj.style.opacity=al;if(al<(endInt/100)){setTimeout(function(){showBackground(obj,endInt)},5);}}}//关闭窗口function closeWindow(){if(document.getElementById('back')!=null){document.getElementById('back').parentNode.removeChild(document.getElementById(' back'));}if(document.getElementById('mesWindow')!=null){document.getElementById('mesWindow').parentNode.removeChild(document.getElementB yId('mesWindow'));}if(isIe){setSelectState('');}}//测试弹出function testMessageBox(ev){var objPos = mousePosition(ev);messContent="<div style='padding:20px 0 20px 0;text-align:center'>消息正文</div>"; showMessageBox('窗口标题',messContent,objPos,350);}</script></head><body><div style="padding:20px"><div style="text-align:left";><a href="#none" onclick="testMessageBox(event);">弹出窗口</a></div><div style="text-align:left;padding-left:20px;padding-top:10px";><select ID="Select1" NAME="Select1"><option>下拉</option></select>弹出窗口时会将其隐藏，关闭时会让其显示，目的是在IE中防止弹出的DIV挡不住下拉框</div><div style="text-align:center";><a href="#none" onclick="testMessageBox(event);">弹出窗口</a></div><div style="text-align:right";><a href="#none" onclick="testMessageBox(event);">弹出窗口</a></div></div></body></html>。

【网页特效】全面显示阳历和阴历的日期显示效果

【网页特效】全面显示阳历和阴历的日期显示效果<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""><html xmlns=""><head><title>全面显示阳历和阴历的日期显示效果</title><meta http-equiv="content-type" content="text/html;charset=gb2312"></head><body><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,0 x00,0x19,0xb2,0x5b,0x00,0x87,0x6a,0x57,0x04,0x12,0x75,0x2b,0x00,0x1d,0xb6,0x95,0 x00,0x8a,0xad,0x55,0x02,0x15,0x55,0xaa,0x00,0x82,0x55,0x6c,0x07,0x0d,0xc9,0x76,0x 00,0x17,0x64,0xb7,0x00,0x86,0xe4,0xae,0x05,0x11,0xea,0x56,0x00,0x1b,0x6d,0x2a,0x 00,0x88,0x5a,0xaa,0x04,0x14,0xad,0x55,0x00,0x81,0xaa,0xd5,0x09,0x0b,0x52,0xea,0x 00,0x16,0xa9,0x6d,0x00,0x84,0xa9,0x5d,0x06,0x0f,0xd4,0xae,0x00,0x1a,0xea,0x4d,0x 00,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(varM=0;DateGL.getMonth()>BeginTime.getMonth();M++){ BeginTime.setTime(BeginTime.getTime()+DifferenceInMont h[M]*1000);}if(DateGL.getDate()>BeginTime.getDate()){BeginTime.setTime(BeginTime.getTime()+DifferenceInMont h[M]*1000);M++;}if(DateGL.getDate()>BeginTime.getDate()){BeginTime.setTime(BeginTime.getTime()+DifferenceInMont h[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></body></html>。

网页特效不用学

软件性质：测试软件下载地址：ｈｔ：／ｗｗｗ．ｒｒ．ｏｔ／ｐｐｃｖｃｍ
雨声网页特效大师下载后无需安装，是一款绿色软
件，它有鼠标、菜单、文字、页面、时间、连接，图像、
游戏、其它这十类共ｌ８０个特效。而且，它还可以对特效代码进行编辑保存，对特效进行预览。运行雨声网页特效大师其界面如图ｌ所示，上面是十类特效的工具按钮，
，。ｒ｛ｌ
Ｌ０＂．＂。Ｄ
篇最
等
呵
ｍ
到了许多如主页建设方面、免费信箱方面的资源，若你需要哪类网上资源，则点击相应的链接即可进入拥有所需资源的网站。点击 “ 助文档 ” 按钮后你可以看到作者提供帮
－
世纪鸟特效手册．旧软件大小：１ＯＭ．１软件版本：第二加强版软件性质：测试软件下载地址ｈｑ：、ｗｗ．ｃ．ｒｔ／／『８ｎｃｎ）、，Ｏｏ
世纪鸟特效手册．ＥＴ跟雨声网Ｎ页特效大师不同，下载后需要解压安装。它有如图３所示的 “ 用特效 ” 常、 “ 级特效 ”、 “另类特效 ” 这三种类高
些知名的网站，只要点击其中一个图标就可直达该站。其

网页特效酷软“秀”

要轻点鼠标就可完成复杂的特效字的字体、颜色设置。做到了众多网页编辑软件无法做到的特效字更改】更新了赚钱代码（百
推荐理由：
发百中），能在毫无查觉的情况下点击广告。在有声有色
本软件集成了包括动态文字、动态链接、动态图像、动７．０中就集成了内码转换与网页压缩这两个功能，从而使态窗口等在内的１０多个十分精彩的Ｊｖｓｒｔ８ａａｃｉ小程序，它超出了只是单单作为一种网页特效制作工具的范畴，ｐ可并且真正做到了与源程序相融台，所有特效操作只需要按能这就是它与其它类似软件最大的区别点的吧。几下鼠标便可完成，非常简便易用。此次升级新增加了９个十分酷的特效，有羽化图片、
自动生成，无须用户修改任何一个代码，户可以非常方ｄｗｓ用ｏ剪贴板中了
便地选择字体、颜色、文字，以及文字位置大小等设置。还启动网页编辑软件Ｆｏｔａｅ当然也可以是其他网页ｒｎＰｇ（加人了强大的插件扩展功能，与一个可视化的插件编辑制作工具）将页面切换到“ Ｔ，ＨＭＬ选项，选择 “ 辑编菜单器．使用户可以非常方便地做出插件。升级了动态变换链中的“ 粘贴”就可以将源代码复制到ｈｌ，ｔ网页中， “ ｍ点击预接，不无须懂得】进制的颜色代码就可以轻轻松松地设览” 是不是就会看到图片在页面上滚动了？６，
版的升级版本：软件在呼吸小秘书主页特效篇基础上作了较大改动，增加了大量的特效代码．改变了其原有的设计风格，具有独特的窗口预览功能，无需使用ＪＥ进行特效预览（部分特效受窗口设计的限制仍然使用ＩＥ观看）：它主要包括页面特效，鼠标特效，文字特效，口特效，窗日期时间，菜单特效，链接特效，娱乐游戏，其它特效等九大类型的功能，涵盖了网页制作中方方面面的３０个特效。２这个软件还有一个优势就是可以自己舔加代码并可

特效：在网页中显示可拖动的月历

具体制作步骤如下：1、启动Dreamweaver MX，新建一个HTML文档，切换到代码视图，编写javascript脚本。

(1)在HTML文档的< head>...< /head>插入下面的javascript脚本：< SCRIPT LANGUAGE="javascript" TYPE="text/javascript">//定义月历函数function calendar() {var today = new Date(); //创建日期对象year = today.getYear(); //读取年份thisDay = today.getDate(); //读取当前日//创建每月天数数组var monthDays = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);//如果是闰年，2月份的天数为29天if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) monthDays[1] = 29;daysOfCurrentMonth = monthDays[today.getMonth()]; //从每月天数数组中读取当月的天数firstDay = today;//复制日期对象firstDay.setDate(1); //设置日期对象firstDay的日为1号startDay = firstDay.getDay(); //确定当月第一天是星期几//定义周日和月份中文名数组var dayNames = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");var monthNames = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");//创建日期对象var newDate = new Date();//创建表格document.write("< TABLE BORDER=0 CELLSPACING=0 CELLPADDING=2 ALIGN=CENTER BGCOLOR=#0080FF>")document.write("< TR>< TD>< table border=0 cellspacing=1 cellpadding=2 bgcolor=#88FF99>");document.write("< TR>< th colspan=7 bgcolor=#C8E3FF>");//显示当前日期和周日document.writeln("< FONT STYLE=font-size:9pt;Color:#FF0000>" + newDate.getYear() + "年" + monthNames[newDate.getMonth()] + " " + newDate.getDate() + "日" + dayNames[newDate.getDay()] + "< /FONT>");//显示月历表头document.writeln("< /TH>< /TR>< TR>< TH BGCOLOR=#0080FF>< FONT STYLE=font-size:9pt;Color:White>日< /FONT>< /TH>");document.writeln("< th bgcolor=#0080FF>< FONTSTYLE=font-size:9pt;Color:White>一< /FONT>< /TH>");document.writeln("< TH BGCOLOR=#0080FF>< FONTSTYLE=font-size:9pt;Color:White>二< /FONT>< /TH>");document.writeln("< TH BGCOLOR=#0080FF>< FONTSTYLE=font-size:9pt;Color:White>三< /FONT>< /TH>");document.writeln("< TH BGCOLOR=#0080FF>< FONTSTYLE=font-size:9pt;Color:White>四< /FONT>< /TH>");document.writeln("< TH BGCOLOR=#0080FF>< FONTSTYLE=font-size:9pt;Color:White>五< /FONT>< /TH>");document.writeln("< TH BGCOLOR=#0080FF>< FONTSTYLE=font-size:9pt;Color:White>六< /FONT>< /TH>");document.writeln("< /TR>< TR>");//显示每月前面的"空日"column = 0;for (i=0; i document.writeln("\n< TD>< FONT STYLE=font-size:9pt> < /FONT>< /TD>");column++;}//如果是当前日就突出显示(红色)，否则正常显示(黑色)for (i=1; i<=daysOfCurrentMonth; i++) {if (i == thisDay) {document.writeln("< /TD>< TD ALIGN=CENTER>< FONTSTYLE=font-size:9pt;Color:#ff0000>< B>")}else {document.writeln("< /TD>< TD BGCOLOR=#88FF99 ALIGN=CENTER>< FONTSTYLE=font-size:9pt;font-family:Arial;font-weight:bold;Color:#000000>");}document.writeln(i);if (i == thisDay) document.writeln("< /FONT>< /TD>")column++;if (column == 7) {document.writeln("< TR>");column = 0;}}document.writeln("< TR>< TD COLSPAN=7 ALIGN=CENTERVALIGN=TOP BGCOLOR=#0080FF>")document.writeln("< FORM NAME=time onSubmit=0>< FONT STYLE=font-size:9pt;Color:#ffffff>")//显示当前时间document.writeln("当前时间:< INPUT TYPE=Text NAME=textbox ALIGN=TOP>< /FONT>< /TD>< /TR>< /TABLE>")document.writeln("< /TD>< /TR>< /TABLE>< /FORM>");}< /SCRIPT>< SCRIPT LANGUAGE="javascript">//初始化控制变量var timerID = null;var timerRunning = false;//定义时间显示函数function stoptime (){if(timerRunning)clearTimeout(timerID);timerRunning = false;}//定义显示时间函数function showtime () {var newDate = new Date();var hours = newDate.getHours();var minutes = newDate.getMinutes();var seconds = newDate.getSeconds()var timeValue = " " + ((hours >12) ? hours -12 :hours)timeValue += ((minutes < 10) ? ":0" : ":") + minutestimeValue += ((seconds < 10) ? ":0" : ":") + secondstimeValue += (hours >= 12) ? " 下午" : " 上午"document.time.textbox.value = timeValue;timerID = setTimeout("showtime()",1000);//设置超时,使时间动态显示timerRunning = true;}//显示当前时间function starttime () {stoptime();showtime();}< /SCRIPT>(2)在HTML文档正文< body>...< /body>中插入javascript脚本，并给< body>标记添加一些属性：< BODY onLoad="starttime()" TEXT="#000000" TOPMARGIN="0">< script language="javascript" type="text/javascript">calendar(); //显示月历< /script>< /BODY>2、切换到设计视图，在页面中插入一层，并把代表HTML文档正文中的javascript脚本图标(如果该图标没有显示，请选择View>Visual Aids>Invisible Elements菜单命令)拖入层中，如下图所示。

【网页特效-时间特效】用文字链接在页面中打开相应的时间表,然后选择...

call pcalendar()
end sub
sub nextyr()
showpcmonth()
document.all.yy.value=document.all.yy.value+1
call pcalendar()
end sub
sub prevmo()
showpcal()
document.all.mm.value=document.all.mm.value-1
if document.all.mm.value=0 then
document.all.mm.value=12
document.all.yy.value=document.all.yy.value-1
case 7 mlookup2="July"
case 8 mlookup2="August"
case 9 mlookup2="September"
case 10 mlookup2="October"
case 11 mlookup2="November"
case 12 mlookup2="December"
dds=document.all.dd.value
'dout=yys &; right("0" &; mms, 2) &; right ("0" &; dd,2)
dout= mms &; "/" &; dd &; "/" &; yys
dtgo=document.all.cinput.value

让网页靓起来常见网页特效使用方法

让网页靓起来常见网页特效使用方法[日期：12-20] 来源：作者：[字体：大中小]怎么使用网页特效？不少朋友经常问我，你站上的网页特效代码该怎么用？为什么我将代码插入到网页里没有效果呢？为什么我的特效没有图片？等等...其实对于大多数的网页特效用起来还是非常简单的，下面我简要的说一下普遍性的特效代码使用方法：一、直接插入使用对于大多数的网页特效都是可以直接插入到网页里使用的，举个例子：比如我想在我的网页里某个地方插入一个显示当前时间的效果，那么你可以在本站上搜索到时间的特效，比如我看到的代码如下：以下是引用片段：<html><head><title>网页特效|/Js|---日期+星期+时间</title></head><body><script language="JavaScript"></script></body></html>上面是显示的一个当前日期时间星期的效果，在上面这些代码中最主要的就是<script language="JavaScr ipt">...</script> 这一段内容了，其他的都可以不管，所以我只要把<script language="JavaScript">...</scr ipt>这里面的代码复制到网页里相应的位置就可以了，这种情况是比较简单的。

【网页特效代码-页面特效】一个在左上角的文字水平移动特效(带停顿

国际足联这次吸取了上届教训，不到最后一刻绝对不会开启封条。

</p>' hSlideContent[1]='<p>2.韩国世界杯组委会现在手里仅有一份粗略日程表。

上周末，英格兰、日本记者已纷纷开进釜山，面对老记咄咄逼人的追问，他们一概表示无可奉告。

<a href="/hiqqjt" target="_blank">二人世界</a></p><p>不过本报特派记者组仍然通过别的途径拿到了12月1日抽签程序表。

</p>'hSlideContent[2]='<p>3. 由Ｑ291911320于国际足联迟迟不公布抽签细节，以至于传闻满天飞，布拉特何时抵达釜山就有两种版本，一说将于11月25日抵达，一说将与国际足联大部分官员一起27日到达。

最新消息是布拉特取消了朝鲜之行，原来布拉特想在抽签前一刻劝说朝韩联手举办世界杯，布拉特不去平壤，看来联手是彻底告吹。

</p>'hSlideContent[3]='4. 更多信息 ...'if (hSlideContent.length>1)i=2elsei=0function locateObject(n, d) { //v3.0var 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&&yers&&i<yers.length;i++)x=locateObject(n,yers[i].document);return x;}function moveHTextFirstBlock(whichdiv){if (document.all){tdiv=eval(whichdiv)if (tdiv.style.pixelLeft>0&&tdiv.style.pixelLeft<=5){tdiv.style.pixelLeft=0setTimeout("moveHTextFirstBlock(tdiv)",pausebetweenimages)setTimeout("moveHTextSecondBlock('hTextSecond')",pausebetweenimages)return}if (tdiv.style.pixelLeft>=tdiv.offsetWidth*-1){tdiv.style.pixelLeft-=5setTimeout("moveHTextFirstBlock(tdiv)",10)}else{tdiv.style.pixelLeft=scrollerwidth+5tdiv.innerHTML=hSlideContent[i]if (i==hSlideContent.length-1)i=0elsei++}}else{tlayer=eval(whichdiv)if (tlayer.left>0&&tlayer.left<=5){tlayer.left=0setTimeout("moveHTextFirstBlock(tlayer)",pausebetweenimages)setTimeout("moveHTextSecondBlock(locateObject('hTextSecond'))",pausebetweenimage s)return}if (tlayer.left>=tlayer.document.width*-1){tlayer.left-=5setTimeout("moveHTextFirstBlock(tlayer)",10)}else{tlayer.left=scrollerwidth+5tlayer.document.write(hSlideContent[i])tlayer.document.close()if (i==hSlideContent.length-1)i=0elsei++}}}function moveHTextSecondBlock(whichdiv){if (document.all){tdiv2=eval(whichdiv)if (tdiv2.style.pixelLeft>0&&tdiv2.style.pixelLeft<=5){tdiv2.style.pixelLeft=0setTimeout("moveHTextSecondBlock(tdiv2)",pausebetweenimages)setTimeout("moveHTextFirstBlock('hTextFirst')",pausebetweenimages)return}if (tdiv2.style.pixelLeft>=tdiv2.offsetWidth*-1){tdiv2.style.pixelLeft-=5setTimeout("moveHTextSecondBlock('hTextSecond')",10)}else{tdiv2.style.pixelLeft=scrollerwidth+5tdiv2.innerHTML=hSlideContent[i]if (i==hSlideContent.length-1)i=0elsei++}}else if (yers){tlayer2=eval(whichdiv)if (tlayer2.left>0&&tlayer2.left<=5){tlayer2.left=0setTimeout("moveHTextSecondBlock(tlayer2)",pausebetweenimages)setTimeout("moveHTextFirstBlock(locateObject('hTextMain')yers['hText First'])",pausebetweenimages)return}if (tlayer2.left>=tlayer2.document.width*-1){tlayer2.left-=5setTimeout("moveHTextSecondBlock(tlayer2)",10)}else{tlayer2.left=scrollerwidth+5tlayer2.document.write(hSlideContent[i])tlayer2.document.close()if (i==hSlideContent.length-1)i=0elsei++}}}function startHScroll(){if (document.all){locateObject('hTextSecond').style.left=scrollerwidth+5locateObject('hTextSecond').visibility='visible'moveHTextFirstBlock(locateObject("hTextFirst"))}else if (yers){locateObject('hTextMain').visibility='show'locateObject('hTextFirst').visibility='show'locateObject('hTextSecond').left=scrollerwidth+5locateObject('hTextSecond').visibility='show'moveHTextFirstBlock(locateObject('hTextMain')yers['hTextFirst'])}}//--></script><style type="text/css"></style><div id="hTextMain" style="width:300; height:180; position:absolute; top: 0; left: 0; visibility: visible; clip: rect(0 300 180 0); overflow: hidden; z-index: 2"><div id="hTextFirst" style="left:1; width:300;position:absolute; z-index: 1; padding: 1px 1px; visibility: visible; overflow: hidden; clip: rect(0 300 180 0)">。

【网页特效-时间特效】这个脚本可以让你输入日期,然后自动算出这天

【网页特效-时间特效】这个脚本可以让你输入日期,然后自动算出这天.txt22真诚是美酒，年份越久越醇香浓型；真诚是焰火，在高处绽放才愈是美丽；真诚是鲜花，送之于人手有余香。

一颗孤独的心需要爱的滋润；一颗冰冷的心需要友谊的温暖；一颗绝望的心需要力量的托慰；一颗苍白的心需要真诚的帮助；一颗充满戒备关闭的门是多么需要真诚这一把钥匙打开呀！<SCRIPT LANGUAGE="LiveScript"></SCRIPT><FORM NAME = "What_Day"><PRE><B>Day:</B><INPUT TYPE="num" name="day" onChange="if (!checkNum(this.value, 1,31)){this.focus();this.select();} else {}" size=10 value=""><B>Month:</B><INPUT TYPE="num" name="month" onChange="if (!checkNum(this.value, 1,12)){this.focus();this.select();} else {}" size=10 value=""><B>Year:</B><INPUT TYPE="num" name="year" onChange="if (!checkNum(this.value, 0, 99)){this.focus();this.select();} else {}" size=10 value=""><INPUT TYPE="button" name="Find_Out" value="OK, I'm ready" onclick="pushbutton(this.form)"></PRE></FORM>ＱＱ291911320。

【网页特效代码-页面特效】点击链接后菜单渐渐展开效果 --酷文库

document.dropmenu03.visibility="show"
else
document.dropmenu03.visibility="hide"
document.dropmenu03.left=yerX
document.dropmenu03.top=yerY+19
var enableeffect=true
//将如下数组修改成你自己的。
var selection=new Array()
selection[0]='<a href="" class=yellow>Ⅰ 模板天下</a><br>'
selection[1]='<a href="" class=yellow>Ⅱ 新浪 </a><br>'
document.dropmenu03.visibility="hide"
}
if (yers){
document.dropmenu01.document.dropmenu02.captureEvents(Event.CLICK)
document.dropmenu01.document.dropmenu02.onclick=dropit
dropmenu03.style.visibility="visible"
if (enableeffect)
dropmenu03.filters.revealTrans.play()
}
else{
hidemenu()

html网页特效日历代码

}
if(offset<0) {
offset += temp;
i--;
this.monCyl -= 12;
}
this.year = i;
this.yearCyl=i-1864;
leap = leapMonth(i); //闰哪个月
0x04970,0x0a4b0,0x0b4b5,0x06a50,0x06d40,0x1ab54,0x02b60,0x09570,0x052f2,0x04970,
0x06566,0x0d4a0,0x0ea50,0x06e95,0x05ad0,0x02b60,0x186e3,0x092e0,0x1c8d7,0x0c950,
0x0d4a0,0x1d8a6,0x0b550,0x056a0,0x1a5b4,0x025d0,0x092d0,0x0d2b2,0x0a950,0x0b557,
0x06ca0,0x0b550,0x15355,0x04da0,0x0a5d0,0x14573,0x052d0,0x0a9a8,0x0e950,0x06aa0,
var solarTerm = new Array("小寒","大寒","立春","雨水","惊蛰","春分","清明","谷雨","立夏","小满","芒种","夏至","小暑","大暑","立秋","处暑","白露","秋分","寒露","霜降","立冬","小雪","大雪","冬至");

js+css3实现简单时钟特效

js+css3实现简单时钟特效本⽂实例为⼤家分享了js+css3实现简单时钟的具体代码，供⼤家参考，具体内容如下1.实现了时钟的特效，可以转动，时间准确，画⾯美观⼤⽓；2.⽤到了css3的transform: rotate，transform-origin:,伪元素，border-radius，定位，z-index等等效果如图：代码如下：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>CSS3时钟特效</title><link rel="shortcut icon" type="image/x-icon" href="img/an.ico" /><style>/*表盘边框*/.clock {/* 设置⼤⼩ */width: 400px;height: 400px;position: relative;margin: 40px auto;/*上边距*/border-radius: 50%;/*圆形*/box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);/*表盘阴影*/background: #F5DEB3;border: 10px solid #FFFF00;}/*画刻度的⾯板*/.box {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}/*⽤来装刻度和数字的div*/.box div {width: 0px;height: 200px;position: absolute;left: 200px;/*旋转*/transform: rotate(0deg);/*设置基点为右下⾓*/transform-origin: bottom right; background: rgba(255, 0, 0, 0.5); }/*数字*/.box div i {float: left;margin-top: 20px;margin-left: -10px;font-style: normal;width: 20px;text-align: center;font-style: 18px;}/*⼩刻度*/.box div::after {content: "";position: absolute;background: #484848;width: 2px;height: 10px;left: -1px;}/*⼤刻度*/.box div.five::after {position: absolute;content: "";width: 4px;height: 20px;left: -2px;top: 0;background: #484848;border-radius: 0 0 2px 2px;}/*秒针样式*/.second {width: 1px;height: 200px;background: red;position: absolute;left: 200px;/*距离表盘宽度⼀半*/margin-top: 30px;z-index: 10;transform: rotate(0deg);transform-origin: center 170px; /*定位旋转位置*/}/*圆⼼样式*/.second::after {content: "";position: absolute;width: 20px;height: 20px;background: red;border-radius: 50%;bottom: 20px;left: -10px;}/*分针样式*/.minute {width: 2px;height: 140px;background: #8b8b8d;position: absolute;left: 199px;margin-top: 60px;z-index: 9;transform-origin: center bottom;transform: rotate(12deg);animation: minute 60s linear infinite;}/*时针样式*/.hour {width: 6px;height: 100px;background: #333;position: absolute;left: 197px;margin-top: 100px;z-index: 8;border-radius: 3px;transform: rotate(2deg);transform-origin: center bottom;animation: minute 60s linear infinite;}</style></head><body><div class="clock"><div class="box"></div><div class="second"></div><div class="minute"></div><div class="hour"></div></div><script>var box = document.getElementsByClassName("box")[0];var ssObj = document.getElementsByClassName("second")[0]; var mmObj = document.getElementsByClassName("minute")[0]; var hhObj = document.getElementsByClassName("hour")[0];/*获取当前时间*/var date = new Date();var hh = date.getHours();var mm = date.getMinutes();var ss = date.getSeconds();/*计算页⾯指针加载时的⾓度*/hhDeg = 360 * (hh % 12) / 12;mmDeg = 360 * mm / 60;ssDeg = 360 * ss / 60;hhObj.style.transform = "rotate(" + hhDeg + "deg)";mmObj.style.transform = "rotate(" + mmDeg + "deg)";ssObj.style.transform = "rotate(" + ssDeg + "deg)";// 定义初始刻度的度数var Deg = 0;/*画刻度*/for (var i = 0; i < 60; i++) {var div1 = document.createElement("div"); //创建⼀个divvar hourNum = i / 5;//当为5时if (hourNum == 0) hourNum = 12;if (i % 5 == 0) { //⼤刻度div1.className = "five";div1.innerHTML = "<i>" + hourNum + "</i>"}div1.style.transform = "rotate(" + Deg + "deg)";box.appendChild(div1);Deg += 6;// 每两个刻度之间是6度}/*指针转动的函数*/function drawSS() {// 秒针的度数ssDeg = 360 * ss / 60;// 分针的度数mmDeg1 = 360 * mm / 60;// 时针的度数hhDeg1 = 360 * (hh % 12) / 12;// 分针每秒⾛的位置mmDeg = mmDeg1 + (6 * ss / 60);// 时针每分钟⾛的位置hhDeg = hhDeg1 + (30 * mm / 60);hhObj.style.transform = "rotate(" + hhDeg + "deg)";mmObj.style.transform = "rotate(" + mmDeg + "deg)";ssObj.style.transform = "rotate(" + ssDeg + "deg)";ss += 1;if (ss > 60) {ss = 1;mm += 1;}if (mm == 60) {mm = 0;hh += 1;}setTimeout(function() {drawSS();}, 1000);}drawSS();</script></body></html>精简版：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>CSS3时钟特效</title><link rel="shortcut icon" type="image/x-icon" href="img/an.ico" /> <style>/*表盘边框*/.clock {/* 设置⼤⼩ */width: 400px;height: 400px;position: relative;margin: 40px auto;/*上边距*/border-radius: 50%;/*圆形*/box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);/*表盘阴影*/background: #F5DEB3;border: 10px solid #FFFF00;}/*画刻度的⾯板*/.box {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}/*⽤来装刻度的div*/.box div {width: 0px;height: 200px;position: absolute;left: 200px;/*旋转*/transform: rotate(0deg);/*设置基点为右下⾓*/transform-origin: bottom right;background: rgba(255, 0, 0, 0.5);}/*⼩刻度*/.box div:after {content: "";position: absolute;background: #484848;width: 2px;height: 10px;left: -1px;}/*⼤刻度*/.box div.five:after {position: absolute;content: "";width: 4px;height: 20px;left: -2px;top: 0;background: #484848;border-radius: 0 0 2px 2px;}/*秒针样式*/.second {width: 1px;height: 200px;background: red;position: absolute;left: 200px;/*距离表盘宽度⼀半*/margin-top: 30px;z-index: 10;transform: rotate(0deg);transform-origin: center 170px; /*定位旋转位置*/}/*圆⼼样式*/.second:after {content: "";position: absolute;width: 20px;height: 20px;background: red;border-radius: 50%;bottom: 20px;left: -10px;}/*分针样式*/.minute {width: 2px;height: 140px;background: #8b8b8d;position: absolute;left: 199px;margin-top: 60px;z-index: 9;transform-origin: center bottom; transform: rotate(12deg);}/*时针样式*/.hour {width: 6px;height: 100px;background: #333;position: absolute;left: 197px;margin-top: 100px;z-index: 8;border-radius: 3px;transform: rotate(2deg);transform-origin: center bottom; }</style></head><body><div class="clock"><div class="box"></div><div class="second"></div><div class="minute"></div><div class="hour"></div></div><script>var box = document.getElementsByClassName("box")[0];var ssObj = document.getElementsByClassName("second")[0];var mmObj = document.getElementsByClassName("minute")[0];var hhObj = document.getElementsByClassName("hour")[0];/*获取当前时间*/var date = new Date();var hh = date.getHours();var mm = date.getMinutes();var ss = date.getSeconds();/*计算页⾯指针加载时的⾓度*/drawSS();// 定义初始刻度的度数var Deg = 0;/*画刻度*/for (var i = 0; i < 60; i++) {var div1 = document.createElement("div"); //创建⼀个div//当为5时if (i % 5 == 0) { //⼤刻度div1.className = "five";}div1.style.transform = "rotate(" + Deg + "deg)";box.appendChild(div1);Deg += 6;// 每两个刻度之间是6度}/*指针转动的函数*/function drawSS() {// 秒针的度数ssDeg = 360 * ss / 60;// 分针的度数mmDeg = 360 * mm / 60 + (6 * ss / 60);// 时针的度数hhDeg = 360 * (hh % 12) / 12 + (30 * mm / 60);// 旋转hhObj.style.transform = "rotate(" + hhDeg + "deg)";mmObj.style.transform = "rotate(" + mmDeg + "deg)";ssObj.style.transform = "rotate(" + ssDeg + "deg)";ss += 1;// 每秒钟调⽤⼀次setTimeout(function() {drawSS();}, 1000);}</script></body></html>以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。

网页设计-任务十四网页特效—时间轴

• 若要创建更复杂的路径动画，更为有效的方法是记录拖动 AP元素时经过的路径，而不是创建各个关键帧。选中AP Div单击鼠标右键，在弹出的菜单中选择“记录路径”命令，按下鼠标左键在设计窗口绘制运动路径，在时间轴面板自动生成系列帧。如图所示。可以把多个AP Div拖入不同的动画通道制作多层AP Div动画特效。
项目五美化网页
任务十四网页特效—时间轴
-问题探究
• 在时间轴面板上选中“自动播放”和“循环”复选框，按下F12键浏览网页，就可以预览到沿直线运动的文字效果。若要使动画播放时间更长，在时间轴面板选择结束帧标签向右拖动。动画中的所有关键帧都会随之移动，保持它们的相对保持不变。若要阻止其他关键帧的移动，按住“Ctrl” 再拖动结束帧标签，其他关键帧在动画中的位置保持不变。
-问题探究
• 如果期望延长动画播放时间，选中结束帧标签向后拖动，动画中的所有关键帧都会随之移动，并保持它们之间的相对性不变。若要阻止其他关键帧的移动，按住“Ctrl”再拖动某一帧关键帧（或最后一帧），其他关键帧在动画中的相对位置保持不变。
项目五美化网页
任务十四网页特效—时间轴
-问题探究
层与时间轴
在DreamweaverCS3中层配合时间轴的运用，能够在网页中创建不需要使用任何ActiveX控件、插件或JavaApplet（但需要JavaScript）的动画效果。时间轴使用动态HTML（即DHTML）来更改 AP元素和图像在一段时间内的属性，整个时间轴由许多帧构成，这些帧在页面中的连续播放构成时间轴动画。动态HTML是HTML与一种脚本语言的组合，可以使用该脚本语言更改HTML元素的样式或定位属性。
项目五美化网页
任务十四网页特效—时间轴 -构建任务

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

【网页特效-时间特效】用文字链接在页面中打开相应的时间表,然后选择.txt两人之间的感情就像织毛衣，建立的时候一针一线，小心而漫长，拆除的时候只要轻轻一拉。