设为首页
加入收藏
站点地图
首页 | 网站建设 | 杭州FPGA培训班,浙江FPGA培训班,苏州FPGA培训班,昆山FPGA培训班,常州FPGA培训班优化 | 网站推广 | 网络营销 | 网站运营 | 网站策划 | 在线讨论 | 下载中心
您当前的位置:WebSite -> 网站建设 -> 文章内容正文->网站制作技巧及代码使用技巧和方法
 子栏目导航
 热门文章
 相关文章
 

网站制作技巧及代码使用技巧和方法

作者:佚名  来源:转载  发布时间:2008-9-24 10:32:17  

Q: 背景音乐是如何插入的?
A: 当然往网页中插入背景音乐会使页面声色不少。但是在使用音乐背景的时候要注意,背景音乐不能太大,否则文件传输会成问题,从而使网页的吸引力下降。

   在 HTML 中有 embed 标签可以实现背景音乐的插入功能,其语法规则如下:

<EMBED src="music.mid" autostart="bool" loop="n" width="m" height="k" >

   下表给出有关上面的语法的一些具体的值和含义:

src  音乐文件的路径及文件名;  
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 时可以隐藏面板   

Q: 自动显示最后更新时间。
A: 我们自己网页上传以后,经常会不断更新和添加新的内容,而怎样才能让浏览网页的网友知道自己的辛苦更新呢?通常我们会在网页的一角,列出此网页更新的最后日期,但是这个工作如果手工来做的话,既麻烦又容易遗忘。怎么样解决这个问题呢?

  看了这个小技巧,你定会说,原来这么简单。好了,下面我们来做一下吧。

源码粘贴框:

<script language="JavaScript">
<!--hide script from old browsers
document.write("本页最后更新日期: " + document.lastModified + "")
// end hiding -->
</script>

我们只要把“源码粘贴框”中的JavaScript代码复制到你想要显示最后更新时间的地方就行了。

  如果我们把代码复制到如下的表格中,则每次这个页面的html文件更改时,表格中便自动显示出更新时间,如下所示:

本页最后更新日期: 07/10/2000 14:26:37  

  代码中document.write()的意思是在页面上写出括号内设定的内容,现在我们采用“document.lastModified”得到文件最后更新时间,并把它显示出来。灵活运用“document.write()”语句,我们还能在页面上输出其它内容,比如说当前的时间、日期、用户信息等,大家可以去试一试。

Q: 关于弹出窗口的制作。
A:经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易,只要往该页面的HTML里加入几段Javascript代码即可实现。下面俺就带您剖析它的奥秘。 

【1、最基本的弹出窗口代码】 

其实代码非常简单: 

<SCRIPT LANGUAGE="javascript"> 
<!--
window.open ('page.html')
--> 
</SCRIPT> 
因为着是一段javascripts代码,所以它们应该放在<SCRIPT LANGUAGE="javascript">标签和</script>之间。<!-- 和 -->是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。 
window.open ('page.html') 用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以,只是不要混用。 
这一段代码可以加入HTML的任意位置,<head>和</head>之间可以,<body>间</body>也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。 


【2、经过设置后的弹出窗口】 

下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。 
我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。 
<SCRIPT LANGUAGE="javascript"> 
<!--
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
//
写成一行
--> 
</SCRIPT> 
参数解释: 
<SCRIPT LANGUAGE="javascript"> js脚本开始; 
window.open 弹出新窗口的命令; 
'page.html' 弹出窗口的文件名; 
'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替; 
height=100 窗口高度; 
width=400 窗口宽度; 
top=0 窗口距离屏幕上方的象素值; 
left=0 窗口距离屏幕左侧的象素值; 
toolbar=no 是否显示工具栏,yes为显示; 
menubar,scrollbars 表示菜单栏和滚动栏。 
resizable=no 是否允许改变窗口大小,yes为允许; 
location=no 是否显示地址栏,yes为允许; 
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许; 
</SCRIPT> js脚本结束 


【3、用函数控制弹出窗口】 

下面是一个完整的代码。 
<html> 
<head> 
<script LANGUAGE="JavaScript"> 
<!--
function openwin() { window.open ("page.html", "newwindow", "height=100, width=400, toolbar=
no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
//写成一行
}
//--> 
</script> 
</head> 
<body onload="openwin()"> 
...任意的页面内容... 
</body> 
</html> 
这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前
没有任何用途。 
怎么调用呢? 
方法一:<body onload="openwin()"> 浏览器读页面时弹出窗口; 
方法二:<body onunload="openwin()"> 浏览器离开页面时弹出窗口; 
方法三:用一个连接调用: 
<a href="#" _fcksavedurl="#" onclick="openwin()">打开一个窗口 
注意:使用的“#”是虚连接。 
方法四:用一个按钮调用: 
<input type="button" onclick="openwin()" value="打开窗口"> 

【4、同时弹出2个窗口】 

对源代码稍微改动一下: 
<sc

[1] [2]  下一页

 [返回上一页] [打 印] [收 藏]
百度中查看“网站制作技巧及代码使用技巧和方法”相关文章

版权申明:本站网站建设资源来源网络,如有侵犯您的版权,请来Q告知 我们会在24小时内删除!

上一篇文章:深入Table标签世界
下一篇文章:网站设计也有提纲
Copyright © 2008-2010 www.mepeixun.com All Rights Reserved
服务QQ:52466268 邮箱:meipeixun@163.com
备案号:苏ICP备07200130号