让网页靓起来 常见网页特效使用方法
发布时间：2006-08-24 11:25:53 来源：落伍者 网友评论 0 条怎么使用网页特效？
不少朋友经常问我，你站上的网页特效代码该怎么用？为什么我将代码插入到网页里没有效果呢？为什么我的特效没有图片？等等...其实对于大多数的网页特效用起来还是非常简单的，下面我简要的说一下普遍性的特效代码使用方法：
一、直接插入使用
对于大多数的网页特效都是可以直接插入到网页里使用的，举个例子：比如我想在我的网页里某个地方插入一个显示当前时间的效果，那么你可以在本站上搜索到时间的特效，比如我看到的代码如下：
上面是显示的一个当前日期时间星期的效果，在上面这些代码中最主要的就是<script language="JavaScript">...</script> 这一段内容了，其他的都可以不管，所以我只要把<script language="JavaScript">...</script>这里面的代码复制到网页里相应的位置就可以了，这种情况是比较简单的。
二、含有图片的特效
有不少朋友问我为什么我的特效没有效果呢？也看不到图片！
我们还是举个例子来说吧，比如 爬向鼠标的好多蚂蚁 这个特效，首先我们可以确定这个特效是属于第一种类型的就是直接将<script language="JavaScript">...</script>里的代码插入网页中就可以直接使用的，但是为什么预览的时候看不到蚂蚁呢？？？我们知道那些蚂蚁实际上都是一些图片，然后程序上让这些图片运动而已，所以你看不到图片的原因是：你有没有把图片保存到自己的电脑上呢，我们从这个特效里的代码可以看到下面的一段代码：
这段代码就是调用图片的路径和名称，首先是在images文件夹下的，下面就是用到的所有图片，你需要将这些图片都要下载到自己的电脑上。怎么下载？比如我下载antdl.gif这个图片 我可以直接在网页上另存为，也可以这样[img]http://www.jscode.cn/JsCode/images/antdl.gif[/img] ，这里面的诀窍你自己体会吧。把所有的图片下载到电脑上后我们就要设置好这个特效使用的图片的路径，比如你这个网页名字叫aa.htm 放在d:/web/myweb/aa.htm下面的，首先我们要在myweb这个文件夹下建立一个images文件夹，将那些图片都放在这里面，这时候你再预览肯定就有效果，当然你也可以建立一个img文件夹或其他的随便你，但是这时候代码里的var dir = "images/";这个就要随之修改，同理图片的名字你也可以自己随便定义，但是要保证代码里的图片跟实际路径里的图片名字对应。
三、需要定义样式的特效
这种情况在css效果里比较多，有好多朋友直接把body里的代码复制过去了，可是忘记了head里可能还有个style没有复制过去，这样预览的时候肯定没有效果的。
还是举例子，比如 用CSS设计艺术字 这个效果，我们可以看到下面这个代码段：
这段代码按照标准写法应该放在<head></head>之间的，在这个特效中写的不够规范但是不影响浏览效果，<style></style>里面的内容就是定义了这个效果里所用到的样式，我们可以看到一些基本的文字大小颜色等等属性。所以没有这个样式控制，是看不到效果的。
四、需要页面加载的特效
这种效果大家也经常遇到，很多时候大家调试来调试去就是没有效果，对照了所有的代码确定没有错误，可是还是看不到效果，怎么回事？可能就是你没有加载这个效果啦，什么意思？比如好多效果是代码已经写好的函数放在页面里，这时候别人打开网页的时候，必须得加载这个函数才能启动这个效果。我们还是举例子来说吧，看下面这个特效：
这个效果大家应该看到过了吧没看过的点击：[url]http://www.jscode.cn/JsHtml/Js690.htm[/url]
五、需要调用第三方文件的特效
这种情况一般是用在比较复杂的效果中，比如 可控制的用FLASH控件实现的图片渐显JS效果 这个就需要一个外部文件，紧紧把所有代码复制过去是没用的。对于像类似的需要调用其它文件的我都会说明出来的或者直接提供外部文件的下载地址，他可能是个flash也可能是htm网页还有可能是是其它形式的函数库之类的，比如类似的还有在时间特效里我整理的几个弹出选择日期效果的特效。当然下载下来的文件也不是随便放的，具体的使用方法和图片是类似的，我们要找到代码中调用这个文件的地方，然后看看是直接放在根目录下还是需要放在某个文件夹下的。
上面我简要的说了一下特效的使用方法，紧紧是一些方法和小技巧，没什么技术上的东西，所以有些专业术语我都可能尽量的普通化一点，当然在做网页的时候我们还会遇到其它的一些问题，希望大家能举一反三
全站资源
- 微软官方入门教程19：轻松掌握Vista系统的快
- 微软2008大冲击，预借Vista SP1力促Vista市
- 在收件箱中获得 Windows Vista 的最新更新
- 微软官方Vista入门教程全集19篇（Vista学院
- Windows Vista 的成功将势不可挡
- 快快抛弃Vista，拥抱XP SP3！你觉得呢？
- 浅谈Vista系统关闭虚拟内存与使用内存盘加速
- 嘿嘿，按下键盘上面的三个键，马上让你的Vi
- Windows Vista的盗版率只有Windows XP的一半
- 3DMark和PCMark Vantage新版将只支持Vista系
阅读排行
- 淘宝网店“设计装修”技巧全攻略
- javascript函数库
- 我的地盘听我的 六大主流博客网站对比评测
- WAP建站入门教程
- 网页木马深度剖析以及手工清除
- WAP建站语言WML语法全接触
- 好事喜事送上祝福 电子请柬随网拈来
- 如何保存网页中的Flash文件？
- WAP建站WML语言语法基础
- 介绍几款WAP网页制作工具（提供下载）
最新技术文档
- 心得:漫谈网站改版的必要性
- 网页文字界面设计与穿衣搭配经验
- 让网页里的提交按钮变得更靓丽
- 小技巧：以图换字的几个方法及思路
- 巧用网页显示硬盘内容
- HTML在线编辑器的调用方法和使用方法
- 本地检验网页是否符合标准的几种方法
- 什么是uri 什么是url 两者的关系是什么？
- 网页中添加调用qq或者msn聊天窗口与客服进行
- 网页设计配色应用——色调
专题教程
- 大话G游 专题：手机病毒揭密
- ARP攻击防范与解决方案 路由故障处理手册
- Picasa中文版_Picasa教程 专题：清除流氓软件
- Firefox专题 seo搜索引擎优化专区
- 重装Windows必知的事情 装机之必备软件大行动
病毒专杀栏