浅谈《网页特效》的来源与用法

时间:2022-08-26 02:27:56

浅谈《网页特效》的来源与用法

摘 要 主要论述了网页特效与网页特效的分类;以及网页特效代码的来源与插入的几种方法,应用特效代码设计出精美的网页。

>> 浅析基于JavaScript的网页特效及实例 基于CSS+JAVAScript的网页换肤特效的设计与实现 《JavaScript网页特效设计》课程实施教学做合一的研究与实践 浅谈HTML与网页制作 浅谈静态网页与动态网页的区别 浅谈网页配色的方法 浅谈网页设计的配色 浅谈网页的色彩搭配 利用Java制作网页水面特效 浅谈网页制作的经验与技巧 浅谈“网页制作”之网页版面的教学设计 浅谈网页设计中的网页用色和配色问题 浅谈小品的来源与发展 浅谈数字特效下的水墨动画艺术 浅谈雕塑在特效化妆中的应用 浅谈特效思维在数字短片创作中的运用 浅谈电影作品《星际穿越》中画面特效的应用 浅谈Maya粒子特效在场景动画中的应用 浅谈影视特效技术在广告中的运用 浅谈数字特效在电影中的应用 常见问题解答 当前所在位置: 放在d:/web/myweb/abc.htm下面的,首先我们要在myweb这个文件夹下建立一个images文件夹,将那些图片都放在这里面,这时候再预览肯定就有效果。

4.2 需要定义样式的特效

这种情况在css效果里比较多,有好多学生直接把body里的代码复制过去了,可是忘记了head里可能还有个style没有复制过去,这样预览的时候肯定没有效果的。

例如 用CSS设计艺术字 这个效果,我们可以看到下面这个代码段:

.title_1 { font-family: "Verdana"; font-size: 12px; color: #6666666; width: 100%; filter: DropShadow(Color=#123456, } (下转第62页)(上接第60页)

.text { font-family: "Verdana"; font-size: 12px; line-height: 16px; color: #666699; text-decoration: none}

……

-->

这段代码按照标准写法应该放在之间的, 里面的内容就是定义了这个效果里所用到的样式,我们可以看到一些基本的文字大小颜色等属性。所以要有这个样式控制,才能看到效果。

4.3 需要页面加载的特效

《页面游动吐泡小鱼》这个网页特效好多效果是代码已经写好的函数放在页面里,这时候别人打开网页的时候,必须得加载这个函数才能启动这个效果。

页面游动吐泡小鱼

/*这一句不能没有,因为下面有一个Start()函数*/

Image0=new Image();

Image0.src="http:///Uploadfile/2006515152552219.GIF";

Amount=12;…….

function Start(){

AniFish();MoveFish();Bubbles();}

//-->var _gaq = _gaq || [];_gaq.push(['_setAccount', 'UA-22575914-1']);_gaq.push(['_setDomainName', '']);_gaq.push(['_trackPageview']);(function () {var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'www') + '/ga.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);})();var _userid = '';var _siteid =691;var _istoken = 1;var _model = 'Model03'; WebPageSpeed =406; UrchinTrack();

5 总结

上面我简要的论述了特效的使用方法,仅仅是一些方法和小技巧,插入的关键是:看懂网页特效的代码。看懂它的语法。网页制作是一项操作性很强的课,熟能生巧,巧能生花。希望大家能多练习,能举一反三。

上一篇:信息技术背景下关于农村中小学教育改革的几点... 下一篇:模拟、虚拟、仿真及模拟仿真与虚拟现实的区别