平面设计教程提供行业内各种相关的软件教程和理论教程,是您学习平面设计的好地方. 设为首页加入收藏
您当前所在的位置:首页>>平面设计教程>>正文

网站鼠标变变变!

文章来源:网络  作者:佚名  更新时间:2004-12-23 10:56:52
     现在网页的设计都讲究整体统一风格,无论是网页的文字、图像,还是浏览器的滚动条都要求颜色和风格一致。但是很多朋友却对网页上的鼠标不能改变样子而感到苦恼,下面我就介绍两种改变网页上鼠标的方法:

    一、用CSS(Cascading Style Sheets,层叠样式表)的方法

   首先要制作或者寻找一套适合网页风格的鼠标,我使用的鼠标是weste.ani和weste2.ani,在,将两个文件存放到的网站的文件夹ani,然后在你的网页文件的</head></head>之间加上代码:
    <style type="text/css">
    <!--
    body {CURSOR: url('ani/weste.ani')}
    A {CURSOR: url('ani/weste2.ani')
    -->
    </style>
        再次浏览网页的时候你会发现,网页的鼠标显示已经改变了。当鼠标悬停在链接上的时候,显示的weste2.ani样子,其他时候显示weste.ani。
    原理:其实这种方法利用了CSS2的一个cursor的属性cursor:url (url),鼠标文件可以使用jpg、gif、ani和cur多种文件格式。需要注意的这种方式只能在IE5.5以上浏览器中正常显示。

    二、利用第三方控件的方法

    这种方法非常简单,只需要讲以下代码加到网页文件的<head></head>之间:
    <script language=javascript>var Loaded=false;var Flag=false;</script>
    <script src='http://files.cometsystems.com/javascript/lc2000.js'
language=javascript></script>
    <script language=javascript>if(Loaded&&Flag)TheCometCursor('cd_electric',0,626);</script>

    修改后,浏览此网页的时候浏览器会弹出一个“安全设置警告”,点击“是”,系统自动安装控件,鼠标就可以按照你的需要显示了。
    那么,如何才能选择你所需要的鼠标样式呢?先登陆网站http://www.cometzone.com,这个网站有14个大类4000多种鼠标,内容十分广泛,鼠标文件制作也很精美,你可以根据需要从类别中选择需要的鼠标,点击相应的鼠标图片就可以预览到不同的效果。
    选中鼠标后,点击网页左边导航的“GET CURSOR CODE”链接,转到下一页,再点击“Select Code”按钮,按钮下这个多行文本框里面的内容就是我上面提供的代码,只是代码中TheCometCursor('cd_electric',0,626)部分不同,显示的鼠标状态也不同。

责任编辑:three
转载请注明出处三视觉平面设计在线 请不要修改文字图片链接信息
上一篇文章:为你的网页链接加上快捷键
下一篇文章:模仿QQ和MSN消息提示的效果
相关设计
模仿QQ和MSN消息提示的效果
擦除式片轮番显示效果
常见网页****完全揭密
IIS 错误代码大汇总
网页常用特效整理:高级篇
渐变窗口有绝招
动态网页巧制作
网页常用特效整理:中级篇
网页常用特效整理:初级篇
 
热门设计推荐
一个国外糖果的包装
美国知名设计团队精彩视觉作
美国工作室经典视觉设计作品
BYO2创意广告蔬果动物结合篇
阿根廷知名机构Negro设计欣赏
NTV精彩体育系列精彩广告
瑞典设计机构经典包装欣赏
设计师Jenna现代时尚设计作品
国外企业画册封面与排版
法国Michal超现代排版设计
唱片公司页面宣传广告欣赏
设计师ashlea精彩标志作品欣
1992-2008AM NEWTON广告欣赏
Melissa精彩CD类时尚设计欣赏
Michelle时尚设计作品欣赏
狗宠物馆系列广告欣赏
收集:国外现代精彩设计作品
设计师AMY时尚作品欣赏
法国Michal精彩创意海报欣赏
entz系列字母类标志欣赏
设计相关广告
精彩推荐
平面设计教程不但能提升您的设计和软件操作水平,还能从中获得很多经验和执行手法,使得学习过程中增添了不少乐趣.