2022年网页制作中的小秘诀CSSHTML教程.docx

2022年网页制作中的小秘诀CSSHTML教程1、给主页添加视频动画只要把下面这段代码添加到你的网页中，就可以在主页中添加Windows视频动画或其他RralMedia格式的视频动画。<img dynsrc=/test.avi start="fileopen" width="360" height="190" alt="test.avi (40M字节)" controls hspace="-1" vspace="0">在这段代码中，dynsrc的值为你的动画文件的名字，它应是以avi、ra、ram为后缀名的文件；start的值一般为“fileopen”，这样就可以使动画自动播放；width和height的值分别是动画播放时的画面的宽度和高度(以像素为单位也可以百分比来表示)；alt的值是对动画文件的非显示说明；hspace是画面离页左边的距离(以像素为单位)；vspace是画面离页顶的距离(以像素为单位)，在这里大家可以把test.avi文件改成自己须要的视频文件。2、让超级链接自动变色大家知道，假如要使网页具有动态效果，一般要向网页中插入动画图象或者用Java来设计一个动态效果；但由于动画占用的字节数太多，而用Java来设计动态效果须要肯定的设计基础。下面笔者就供应一种方法，可以让页面上的超级链接在始终不停地进行变色，从而使自己的网页看上去也动感十足。要实现这种效果，我们只要把下面的这段源代码粘贴到网页中的head与/head之间就可以了。详细的源代码如下：script Language="JavaScript"! - - Beginfunction initArray( ) {for ( var i = 0 ; i initArray.arguments.length; i + + ){thisi = initArray.argumentsi;}this.length = initArray.arguments.length;}var colors = new initArray ("red","blue","green","black","purple","blue","tan","red");delay = .5; / secondslink = 0 ;vlink = 0 ;function linkDance ( ) {link= (link + 1)%colors.length;vlink=(vlink+1)%colors.length;document.linkColor = colorslink;document.vlinkColor = colorsvlink;setTimeout("linkDance( )",delay*1000);}linkDance( );/ End - -/script3、随时变更网页的在线背景图象我们通常看到的网页背景图象一般是静态的，一般的访问者是无权自己更换网页的背景图案的，不知大家有没有想过做出来的网页可以让访问者能自己变更背景图像呢？假如大家有这个想法的话，下面的这段代码就能帮助我们轻松实现这样的功能，我们所要做的就是把下面供应的源代码拷贝然后粘贴在自己网页中的HTML代码的合适位置就可以了。不敢说很有用，但用得好的话肯定是锦上添花。好了，一起先来看看代码好了。formselect onChange="document.body.style.background=this.optionsthis.selectedIndex.value"option value="url('背景一的地址')" selected第一种背景option value="url('背景二的地址')" 其次种背景option value="url('背景三的地址')" 第三种背景.其它选择格式如上./selected/form运用这段代码时，我们可以自己先选择好或者制作好须要的背景，然后把各个背景图像的网址替换上面代码中的背景地址，这样我们就可以轻松实现随机更改背景图象了。4、使图象与阅读窗口实现无缝接合我们在网页中插入一幅图象时，有时候会发觉该图象与阅读器窗口边框之间很难实现无缝接合，总会有点距离，看上去给人的感觉不太自然。那么我们该通过什么方法才能实现图象与阅读窗口的无缝接合，使图象很自然地融入窗口背景之中呢？其实，插入的图象之所以与阅读器的边框有缝隙，这是因为我们没有设置页面边距，解决无缝接合的方法是在页面的源代码的body