猫扑博客美化教程之鼠标及其它效果

来源:└博友窝  编辑:博客代码网  发布时间:2007-03-05  点击:  [收藏]

 第4章、鼠标及其它效果

请下载下面的样本文件,里面有正确的关于鼠标、图片和放钟的语句:

        (鼠标图片和钟.js)  

里面的第一句是鼠标的语句,要把它放在个人说明里,第二句是插入图片,第三句放钟的语句复制到你原来的JS里面(可以放在最后一行,只要它自己单独占一行就可以了)!

 

1、鼠标指针的效果

  要改变默认的鼠标指针,语句如下:

  <body style="cursor: url(鼠标指针地址)">

  注意:这条语句不能放在JS文件中,而需要直接加在个人说明中。

  正确的语句可以从上面的样本文件中获得,然后复制到个人说明中,这样不会出错。

  注意:因为朋友圈的关系,你在复制这个语句后,除了删除红色方框“□”外,还要将两个单引号(已红色标示)改成英文标点的单引号。推荐你从自己的JS文件中复制FLASH语句,再作修改!

  鼠标的样式可以在搜索引擎中搜索,也可以参考本文后面所附的素材,小囡囡收集了一些,希望你能喜欢!

 

2、插入图片

  document.write(<img src="图片地址" border="0">); 

  还是建议大家从上面的样本文件中复制相关的语句,这样不会出错。

 

3、放两个FLASH,比如加个钟

  有许多朋友在看了小囡囡的教程中,以为一个JS文件只能有四条语句,事实上当然不是这样的,JS文件你想它有几条语句就有几条语句。而且JS文件中的几条语句的顺序也是可以任何变换的,不一定就是小囡囡样本文件中的第一条是个人说明、第二条是页面背景……

  如果您对JS技术感兴趣,完全可以在搜索引擎中输入“JS教程”、“JS示例”的关键字,可以查到非常多的JS相关知识!

  比如你已经在页面上放了一个蝴蝶的动画,又加在左边放一个动态的时钟,你只需再加入一行FLASH的相关语句就行了!事实上,你可以在一个JS文件中加入任意多的特效。(当然,这样的做的直接后果就是你的主页会打开得相当慢)

  关于放时钟,小囡囡的语句是这样的:

  document.write(<embed src=钟的地址 width="160" height="160" quality="high" wmode="transparent" align="right" style="position: absolute; left:7; top:380">);

  注意:因为朋友圈的关系,你在复制这个语句后,除了删除红色方框“□”外,还要将两个单引号(已红色标示)改成英文标点的单引号。推荐你从自己的JS文件中复制FLASH语句,再作修改!

  其实稍微仔细研究一下就知道,插入FLASH,这个FLASH的位置和大小是由你自己控制的:width是指“宽带”,height是“高度”,两个都选160,说明是个正方形。做个试验,如果你都改成60,就是一个小小的钟了。

  position是位置,left是左边距——就是钟离左边的距离,top是上边距。改变这两个数值就可以随心所欲地控制钟在屏幕的位置。

  在这里你可以找到许多样子的钟:

  http://friends.mop.com/community/TopicShow.do?operate=show&communityId=6487&topicId=26873


文章地址: