网页制作技巧

         □ 作者:安光龙

一、修改鼠标的样式

我们平时上网时发现有很多网页的鼠标被更换成了动态的或静态的图片,正如本页面中的圣诞老人,其实方法很简单,只需要在代码<body>标签内加入一点小小的代码就可以了:

<body onLoad="document.body.style.cursor='url(\'sdj.cur\')'">

其中sdj.cur为图片地址,其图片格式为:cur、ani或ico,IE版本要达到6.0。

这里给大家提供了一些鼠标样式图片,供大家使用。

鼠标图片下载

二、如何封锁鼠标左右键

  不知大家是否有过这样的经历,当你在网上看到一篇不错的文章想复制下来的时候,发现鼠标左右键都已失灵,下面我们来教大家如何制作这种效果。在<body>中加入一点代码就可以了,如下所示:

  <body onselectstart="alert('不能选择,哈哈^o^');return false"

     oncontextmenu="alert('右键被锁,嘿嘿^o^');return false"

     oncopy="alert('小样儿,你还有两下啊^o^');return false"

  >

  第一行:控制鼠标左键不能选中。

  第二行:控制鼠标右键。

  第三行:控制 Ctrl+C 。

  一般来说,第一行与第二三行分开使用。此时,用鼠标选择此页面的文字和点击一下鼠标右键可观看效果。

三、如何实现网页转场效果

  转场效果也就是网页过渡效果,是指在进入或离开网页时,页面具有不同的效果,添加此效果可使页面看起来更具动感。方法是在<head>与<head>之间加入以下代码:

  <meta http-equiv="Page-Enter" content="revealtrans(duration=3,transition=12)">

  Page-Enter表示进入网页时有网页过渡效果;Page-Exit表示离开网页时有网页过渡效果。duration是过渡时间,transition是过渡效果编号。

效果 效果编号
盒状收缩 0
盒状展开 1
圆形收缩 2
圆形展开 3
向上擦除 4
向下擦除 5
向左擦除 6
向右擦除 7
垂直百叶窗 8
水平百叶窗 9
横向棋盘式 10
纵向棋盘式 11
溶解 12
左右向中部收缩 13
中部向左右展开 14
上下向中部收缩 15
中部向上下展开 16
阶梯状向左下展开 17
阶梯状向左上展开 18
阶梯状向右下展开 19
阶梯状向右上展开 20
随机水平线 21
随机垂直线 22
随机 23

 

 
招生总部:武昌广埠屯华师旁华中电脑数码城顶层十四楼(坐双层电梯上十二楼再转走楼梯)电话:027-87661997
双证总部:华中师范大学主校区西区博雅园八楼(在北门坐到南门的电瓶车中途博雅园下)电话:027-67865255
新思维·两点十分动画学院地址:武昌广埠屯华师旁华中电脑数码城顶层十四楼 电话:027-87647260
咨询QQ:550706052 284624315
版权所有:武汉新思维电脑美术学校  鄂ICP备05001662