网站位置：首页 >> 相关文档

网页制作常用代码 在制作网页过程中有些代码是经常要用到的，为了方便使用，现在整理如下： 1. 如何在网页中加入注释 ◆代码：< !-- 这是注释 --> 2. 如何在网页中加入EMAIL链接并显示预定的主题 ◆代码：< a href="mailto:yourmail@xxx.xxx?Subject=你好">Send Mail< /a> 3. 如何制作电子邮件表单 ◆在 中输入Action="youremail@XXX.XXX" ，提交采用POST方法。 4. 如何避免别人将你的网页放入他的框架（FRAME）中 ◆在源代码中的…< /HEAD>之间加入如下代码： *如果是打开两个不互相替换的窗口则添加一个不同名字的function即可，例如： 然后在下面要连接的地方写如下代码： onclick="open1(路径/连接1.htm)">连接1 onclick="open2(路径/连接2.htm)">连接2 如是点击Flash按钮，则在显示页的HEAD中写 在flash 的按钮上写 on (press) { getURL("javascript:openNewWindow(要打开的页名.htm,words,height=446,width=720,toolbar=no,scrollbars=no)"); } 22、直接点击链接关闭窗口代码 举个例子比较方便理解```` ◆ 关闭本窗口 如下图：点击关闭本窗口链接即会直接提示关闭窗口 23、弹启一个全屏窗口 ◆window.open(http://www.hxsd.com,example01,fullscreen) www.hxsd.com hoho~~~好像触摸屏 24、弹启一个被F11化后的窗口 ◆window.open(http://www.hxsd.com,example02,channelmode) www.hxsd.com 25、弹启一个带有收藏链接工具栏的窗口 ◆window.open(http://www.hxsd.com,example03,width=400,height=300,directories) www.hxsd.com 28. 鼠标移动到图片上图片渐显效果 ◆在到之间插入如下的JAVASCRIPT代码： 在要插入的图片添加如下代码： *其中onMouseOver=nereidFade(this,50,10,4)中 style="FILTER: alpha(opacity=50)"表示图片的透明度为50% 29. 背景色渐变 例子： ◆复制下面的代码到的 html 文件的 和 之间： 用替换原有的 使用说明：通过修改中的红色字你可以修改你的初始颜色；RGB颜色值 31. 表格的分隔线可以隐藏 ◆ 可以隐藏横向的分隔线 可以隐藏纵向的分隔线 可以隐藏横向和纵向的分隔线 32. 表格的分隔线闪烁 ◆在BODY区加上 style="border:5px solid yellow"> 加入任意的物件.加入任意的物件. 加入任意的物件.加入任意的物件. 加入任意的物件.加入任意的物件. 33. 网页背景音乐可以控制代码 ◆放在 和 之间 就会出现一个控制面版让你播放音乐，如果要把音乐当作背景音乐来用，也就是不要显示控制面板。而且一进入画面就要播放，然后一直重复。就要这样写 关于embed还有很多属性 autostart：true为音乐文件上传完后自动开始播放，默认为false（否） loop：true为无限次重播，false为不重播，某一具体值（整数）为重播多少次 volume：取值范围为"0-100"，设置音量，默认为系统本身的音量 starttime："分：秒"，设置歌曲开始播放的时间，如，starttime="00:10"，从第10开始播放 endtime： "分：秒"，设置歌曲结束播放的时间 width：控制面板的宽 height：控制面板的高 controls：控制面板的外观 controls="console/smallconsole/playbutton/pausebutton/stopbutton/volumelever" console：正常大小的面板 smallconsole：较小的面板 playbutton：显示播放按钮 pausebutton：显示暂停按钮 stopbutton：显示停止按钮 volumelever：显示音量调节按钮 hidden：为true时可以隐藏面板 34. 自适应图片大小的弹出窗口 ◆实现此功能的最简单作法是用以下HTML代码创建一个图像链接： 　　 　　其中标记的href属性指定全尺寸图片的URL，target属性设置为_blank指定在新窗口中显示该图片；标记的src属性指定缩略图的URL。 　　如果想对显示全尺寸图片的窗口的外观进行某些控制（比如希望弹出窗口的高度、宽度能与全尺寸图片的大小匹配时），则可调用 window.open 方法，该方法接收三个参数，分别指定要打开文件的URL，窗口名及窗口特性，在窗口特性参数中可指定窗口的高度、宽度，是否显示菜单栏、工具栏等。以下代码将显示全尺寸图片在一个没有工具栏、地址栏、状态栏、菜单栏，宽、高分别为400、350的窗口中： 　　如果所有全尺寸图片都具有统一的大小（比如都是400x350），那么以上代码适用于所有的缩略图片链接（只是href属性指向的全尺寸图片文件不同）。但如果全尺寸图片的大小并不统一，还用以上代码则我们需要先取得每幅全尺寸图片的大小，然后在window.open方法的窗口特性参数中一一设置height和width为正确的值，在图片数量较多的情况下，这显然效率太低了。可以使用 DHTML 中的 Image 对象来达到目的，Image 对象可动态装载指定的图片，通过读取其 width 和 height 属性即能获得装入图片的大小，以此来设置弹出窗口的大小，即可实现自适应图片大小的弹出窗口了。下面即是实现代码: 　　使用时将上面的代码放在网页文档的标记对中，然后在链接的点击事件中调用OpenFullSizeWindow函数，如即可。 　　以上代码在IE 5.x－6.0中测试通过：） 时间日期代码 ~~~~~~~~~~ 001说明 数字化的时钟 效果 现在时刻：0:12:31 002说明 六种风格时间显示,一定有你喜欢的！ 效果 风格一: 星期三,4月21日,2004年 风格二: 0:12:45上午 风格三: 星期三,4月21日,2004年 0:12:45上午 风格四: 4/21/04 风格五: 0:12:45 风格六: Wed Apr 21 00:12:45 UTC+0800 2004 003说明 显示他人在页面停留的时间，而且可以作出提醒 效果 您在本站逗留了 您在本站逗留了 004说明 这个时钟是有影子的，而且还在不停地走着呢 效果 00:14:3300:14:33 005说明 年月日都是用全中文显示 效果 公元二零零三年四月二十一日 006美女时钟

*网页表格背景变色
例如：
在要改变颜色的td中加入
onMouseOver ="this.style.backgroundColor=#F8F8F8" onMouseOut ="this.style.backgroundColor=#FFFFFF"
即鼠标指上为#F8F8F8，拿开恢复为#FFFFFF