网站鼠标变变变!

时间:2010-10-20 20:09:00 

     现在网页的设计都讲究整体统一风格,无论是网页的文字、图像,还是浏览器的滚动条都要求颜色和风格一致。但是很多朋友却对网页上的鼠标不能改变样子而感到苦恼,下面我就介绍两种改变网页上鼠标的方法:

    一、用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)部分不同,显示的鼠标状态也不同。

标签:鼠标,样式
0
投稿

猜你喜欢

  • 解决Python复杂zip文件的解压问题

    2021-08-11 05:04:09
  • 利用Python进行数据可视化常见的9种方法!超实用!

    2021-10-05 23:11:58
  • 基于python实现把图片转换成素描

    2022-01-01 23:11:11
  • CentOS8部署LNMP环境之编译安装mysql8.0.29的教程详解

    2024-01-18 04:54:14
  • 用Python中的字典来处理索引统计的方法

    2022-05-28 19:43:45
  • Django中信号signals的简单使用方法

    2023-08-18 08:49:49
  • Python super()函数使用及多重继承

    2022-10-06 19:21:37
  • Python pytesseract验证码识别库用法解析

    2023-06-13 19:04:02
  • DIV与Table布局在大型网站的可用性比较

    2007-10-08 12:46:00
  • CSS网页布局开发时的常见问题小结

    2009-08-13 12:17:00
  • python设置windows桌面壁纸的实现代码

    2023-05-27 02:51:05
  • Python实现读写INI配置文件的方法示例

    2021-03-16 08:10:08
  • 使用Python和百度语音识别生成视频字幕的实现

    2022-02-28 23:12:42
  • 浅析python的Lambda表达式

    2021-11-16 23:51:19
  • 最令人蛋疼的10种用户体验设计师

    2011-08-05 18:51:07
  • vue不通过路由直接获取url中参数的方法示例

    2024-04-30 08:41:06
  • ASP Google的translate API代码

    2011-04-03 11:16:00
  • python实现中文分词FMM算法实例

    2022-07-31 18:40:55
  • 纯ASP结合VML生成完美图-折线图

    2010-05-11 16:50:00
  • Python enumerate函数功能与用法示例

    2023-11-06 08:44:07
  • asp之家 网络编程 m.aspxhome.com