网站导航网学 原创论文 原创专题 网站设计 最新系统 原创论文 论文降重 发表论文 论文发表 UI设计定制 论文答辩PPT格式排版 期刊发表 论文专题
返回网学首页
网学原创论文
最新论文 推荐专题 热门论文 论文专题
当前位置: 网学 > 设计资源 > 实用代码片段 > 正文

网页制作十大实用代码

论文降重修改服务、格式排版等 获取论文 论文降重及排版 论文发表 相关服务

  大家在制作网页的时候,总是想尽一切办法去做好。但是有时候我们在制作的时候需要掌握一定的技巧,下面我就给大家介绍一些非常实用的技巧。

  一、定义文字超级链接样式

  我们在网页创建文字超级链接的时候,是不是在链接的文字下方老是出现下画线,让人讨厌。其实你只要在网页的Html源代码中的<HEAD>和</HEAD>之间输入如下代码:

  <style type="text/css">

  <!--a { text-decoration: none}-->

  < /style>

  这里的css是cascading style sheet的缩写,可译为"层叠样式表",有了它我们的网页会给人赏心悦目的感觉。上面的语句给超级链接定义了一种样式。再如:

  <style type="text/css">

  <!--

  a:link {color:blue;text-decoration: none}

  (表示未访问时的状态,颜色为蓝色,并且没有下画线)

  a:visited {color:green;text-decoration: none}

  (表示被访问后的状态,颜色为绿色,没有下画线)

  a:hover {color:gray;text-decoration: underline;font-size:18pt }

  (表示鼠标放到链接处时,颜色为灰色,下画线,字体大小为18pt)

  a:active {color:red;text-decoration: none}

  (表示当鼠标点击时,链接颜色为红色,没有下画线)

  -->

  </style>

  二、给链接加上文字注释

  我们经常会看到这样的情况,当鼠标移到文字链接的地方就会出现一个提示,要实现这个操作其实是很简单的,只需要你在<a href="链接的文件或者路径" title="提示">文字</a>,如:<a href="http://www.cce.com.cn" title="欢迎你的到来!">中国电脑教育报</a>,看看效果吧。

  三、让背景图象不移动

  我们在网页添加背景的时候,总是发现在拖动窗口滚动条的时候背景随着一起被移动,如果不希望网页的背景随滚动条的拖动而移动,我们可以把源代码的<BODY Background="图片文件名" >的后面加上Bgproperties="fixed",即变为<BODY Background="路径/背景文件名" Bgproperties="fixed" >,其它的不变。

  四、定时跳转到另一网页内容

  我们有时候需要在过一定的时间后网页自动跳转到其它的页面的效果。那么在源代码中的<HEAD>…</HEAD> 加入如下代码:

  <meta http-equiv="refresh" content="60;URL=http://www.cce.com.cn" >,这个意思是60秒后将自动转到中国电脑教育报所在的网页。这里值得一提的是:如果这个代码的"URL="后面的部分是刚好是当前所浏览页面的地址的话,就等于过60秒后该网页自动刷新了一次。

  五、为网站添加"加入收藏夹"

  现在很多网站都喜欢在网站首页的上端加上"加入收藏夹"的按钮,你如果也想制作的话,很简单,只要在网页适当的位置加上如下代码:

  <a ref="javascript :window.external.AddFavorite('http://www.cce.com.cn, '中国电脑教育报')">加入收藏夹</a>,这样的话,单击该按钮就可以弹出"添加到收藏夹"窗口,并且网站的名称是"中国电脑教育报"。

  六、为网站添加"设为首页"

  以前我们想设置当前页为首页的操作是很麻烦的没,现在只需要你单击一个按钮就可以了。我们是用Javascript语言来实现的,在<body>和</html>中插入如下代码:<a href="#" onClick=this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.cce.com.cn&#39;>[设为首页]</a>。

  七、自动弹出窗口

  我们还会经常看见打开某个网站的同时弹出一个公告窗口来展示一些重要的信息,这就是自动弹出窗口。其实只需要用几句简单的Javascript语句就可实现它,在<body>与</body>插入如下一段代码:

  <script language="Javascript">

  window.open("gonggao.htm","公告栏","height=480,width=610,top=40,left=150,toolbar=no,menubar=no,scrollbars=yes,resizable=no,location=no,status=no"

  </script>

  这个代码的意思是弹出一个最左边距屏幕左边150像素、最上边距屏幕顶端40像素、没有工具条、没有菜单、必要的时候可以显示滚动条、不可以任意改变窗口大小、不显示网址栏、不显示状态条的高为480像素宽为610像素的公告窗口。大家可以根据上面的解释灵活变更参数。当然gonggao.htm文件还需要你自己编辑内容。

  八、关闭当前窗口

  我们一般的关闭窗口都是通过网页右上角的×按钮来关闭,其实我们也可以用如下代码来实现:<a href="javascript :window.close()">关闭窗口</a>。网页就会出现"关闭窗口",单击可弹出要求你确认是否真的关闭的对话框,不用怕别人误操作了。

  九、让字幕向下游动

  我们通过"插入"菜单/"组件"插入的字幕只能是向左或者向右游动,而不能下游动。其实我们只要在刚才插入的字幕代码中作稍微的变动就可以实现这样的游动了。先找到代码中的<marquee>,把它变为<marquee direction="down">,就可以实现原来的字幕向下游动了。把down改为up就是字幕向上游动了。

  十、根据不同时间段出现问候语

  大家先把如下代码放到<body>与</body>中:

  <script language="javascript">

  <!--

  now = new Date(),hour = now.getHours()

  if(hour < 6){document.write("清晨好!你起得真早"}

  else if (hour < 9){document.write("早上好,一天之际在于晨,又是美好的一天!"}

  else if (hour < 12){document.write("上午好!在用电脑工作吗?"}

  else if (hour < 14){document.write("中午好!吃过午饭了吗?"}

  else if (hour < 17){document.write("下午好!可别打瞌睡哦。"}

  else if (hour < 19){document.write("吃过晚饭了吗?"}

  else if (hour < 22){document.write("晚上好! 一天过的可真快!"}

  else {document.write("夜里好!注意身体,别太晚了。"}

  // -->

  </script>

  • 上一篇资讯: 一些小的JS实用代码
  • 下一篇资讯: 实用代码集锦
  • 设为首页 | 加入收藏 | 网学首页 | 原创论文 | 计算机原创
    版权所有 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
    Copyright 2008-2020 myeducs.Cn www.myeducs.Cn All Rights Reserved 湘ICP备09003080号 常年法律顾问:王律师