|
以下代码除了特别说明的,其余的都插在网页代码的<boby>...</body>之间
|
|
| 网页背景音乐的代码: | |
| <embed src="1.mid" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="1" height="1"></embed> 1.mid表示音效文件 <embed src="1.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed> 上面的网页背景音乐代码可以加入FLASH动画的绝对地址(或相对地址) <embed width=1 height=1 autostart="true" loop="true" controls=PlayButton console=clip1 nolabels=true type="audio/x-pn-realaudio-plugin" src="1.ram"> </embed> ram格式的音乐文件专用网页背景音乐代码: <embed src="1.mid" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true"> 指定播放器的大小(width、heigh)、是否自动(autostart标记)、是否循环播放(loop标记),而浏览者则可以自主地决定是否播放音乐。 此代码可以当作网页中插入FLASH动画的代码用。只要把1.mid替换为FLASH动画的相对地址或决对地址就OK了。 <embed src="1.mp3" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true"> 此代码可以加mp3形式的音乐为网页背景音乐 <EMBED src="1.mid" width="0" height="0" border=0 autostart="ture" loop="ture"></EMBED> 1.mid表示音效文件 <bgsound src="1.mid" loop=3> 表示将1.mid音效文件插入到页面为背景音乐,并循环播放3次。 <embed src="1.mid" hidden="true"> 1.mid表示音效文件 <bgsound src="1.mid" loop="infinte"> 1.mid表示音效文件 <embed src="1.mid" hidden="true" loop="true"> 1.mid表示音效文件 <bgsound src=1.mid loop="-1"> 1.mid表示音效文件 |
|
| 滚动宣传词的制作代码: | |
| <b><font color="#00FF00"><marquee><font color="#0000FF"><a href="链接地址" target="_blank"><font color="#00FF00">滚动内容</font></a></font></marquee></font></b> | |
| 日期时间代码: | |
| <SCRIPT language=JavaScript> var enabled = 0; today = new Date(); var day,date,iver,sver; sver=navigator.appVersion; iver=parseFloat(sver.substring(sver.indexOf("MSIE")+5,sver.indexOf("MSIE")+8)); if(today.getDay()==0) day = "星期日"; if(today.getDay()==1) day = "星期一"; if(today.getDay()==2) day = "星期二"; if(today.getDay()==3) day = "星期三"; if(today.getDay()==4) day = "星期四"; if(today.getDay()==5) day = "星期五"; if(today.getDay()==6) day = "星期六"; document.fgColor = "000000"; date = (today.getMonth() + 1 ) + "月" + today.getDate() + "日<br>"+day; document.write("<CENTER><TABLE BORDER=0><td><FONT color=blue>"); document.write("<CENTER>" + date + "</CENTER>"); document.write("<CENTER id=timer>" + today.getHours() + ":"+today.getMinutes()+":"+today.getSeconds()+"</CENTER>"); document.write("</FONT></td></TABLE></center>"); if(iver>=5.0){ function changetime(){ var minutes,seconds,t=new Date(); minutes = t.getMinutes(); if(t.getMinutes()<10) minutes = "0"+t.getMinutes(); seconds = t.getSeconds(); if(t.getSeconds()<10) seconds = "0"+t.getSeconds(); timer.innerText=t.getHours() + ":"+minutes+":"+seconds; setTimeout("changetime()",1000); } changetime(); } </SCRIPT> |
|
| 如何去掉超链接的下划线? | |
| (一) 我们可以用CSS语法来控制超链接的形式、颜色变化。 下面我们做一个这样的链接:未被点击时超链接文字无下划线,显示为蓝色;当鼠标在链接上时有下划线,链接文字显示为红色;当点击链接后,链接无下划线,显示为绿色。 实现方法很简单,在源代码的<head>和</head>之间加上如下的CSS语法控制: <style type="text/css"> <!--a:link { text-decoration: none;color: blue} a:active { text-decoration:blink} a:hover { text-decoration:underline;color: red} a:visited { text-decoration: none;color: green}--> </style> 其中: a:link 指正常的未被访问过的链接; a:active 指正在点的链接; a:hover 指鼠标在链接上; a:visited 指已经访问过的链接; text-decoration是文字修饰效果的意思; none参数表示超链接文字不显示下划线; underline参数表示超链接的文字有下划线 同样,如果讲none替换成overline则给超链接文字加上划线,换成line-through给超链接文字加上删除线,blink则使文字在闪烁。 (二) 在访问一个页面的时候,我们会发现,当鼠标移动到具有超级连接的文字上的时候,有的会产生相应的下划线。然而有些网页却没有。主页超链接的下划线是如何去掉的呢? 我们在<HEAD>...</HEAD>之间插入下面的代码。 <style>B {font-weight: 700; }P {padding: 5px 0px; margin: 0px;font-family: 宋体,黑体,宋体; }A {text-decoration: none}TD { font-family: 宋体,黑体,宋体; } </style> <script language="javascript"> var contents = true; </script> 更简单的方法是: <style> <!--a {text-decoration:none}a:hover {color: red;text-decoration:none}--!> ?lt;</style> |
|
| 日期星期代码: | |
| <SCRIPT language=JavaScript> <!--显示年月日和星期 var enabled = 0; today = new Date(); var day; var date; if(today.getDay()==0) day = "星期日" if(today.getDay()==1) day = "星期一" if(today.getDay()==2) day = "星期二" if(today.getDay()==3) day = "星期三" if(today.getDay()==4) day = "星期四" if(today.getDay()==5) day = "星期五" if(today.getDay()==6) day = "星期六" date = "<font font-size:12px color= #ff0000>" + (today.getYear()) + "</font> <font font-size:12px color= #004622>年</font> <font font-size:12px color= #ff0000>" + (today.getMonth() + 1 ) + "</font> <font font-size:12px color= #004622>月</font> <font font-size:12px color= #ff0000>" + today.getDate() + "</font> <font font-size:12px color= #004622>日, <font font-size:12px color= #ff0000>" + day +" </font>";document.write( date);// --></SCRIPT> |
|
| 网页过渡特效: | |
| ①用Dreamweaver设计:依次选择“插入”→“文件头标签”→“Meta” 在“属性”中选择“HTTP-equivalent” 在“值”中输入“page-Enter” 在“内容”中输入“Revealtrans(Duration=4,Transition=12),Duration=1” ②直接在代码中</html>后加入如下代码:“<meta http-equiv="page-Enter" content="Reveal-trans(Duration=4,Transition=12),Duration=1">” 其中“Duration=1”是过渡时间1秒。 Transition值 效 果 0 盒装收缩 1 盒装展开 2 圆形收缩 3 圆形展开 4 向上擦除 5 向下擦除 6 向左擦除 7 向右擦除 8 垂直百页窗 9 水平百叶窗 10 横向棋盘式 11 纵向棋盘式 12 溶 解 |
|
| 特色链接: | |
| ①文字链接说明:<A
title=欢迎访问流行时速 href="http://wxmzyho.126.com"
target="_blank">流行时速</A> ②设定链接弹出窗口大小: 在<head>……</head>之间加入如下脚本: <script language="JavaScript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> 再在代码里把链接代码改为:{<body>……</body>之间} <a class=f1221b2 onClick="MM_openBrWindow('http://wxmzyho.126.com/','','scrollbars=yes,width=500,height=500')" href="javascript:;">流行时速</a> 其中“width=500,height=500”是定义窗口的宽度和高度。 |
|
| 滚动条特效: | |
| ①把滚动条放在网页左边:只要把代码<html>改为<html dir=rtl>即可。 | |
| 在网页上制作一个搜索关键词的引擎: | |
| 在<head>……</head>之间加入:<link
rel="STYLESHEET" type="text/css" href="searshpage/s.c"> 在<body>……</body>之间加入:<SCRIPT language=JavaScript src="searshpage/search.js"></SCRIPT> 说明:必须先下载脚本解压缩后,其中“searshpage”是脚本所在的文件夹。特别强调脚本不支持绝对地址。(就是如:http://wxmzyho.126.com这样的绝对地址)。最后千万别忘了上传下载下来的脚本。 |
|
| -------===◇◇ http://wxmzyho.126.com◇◇===--------- | |