网站鼠标变变变!

现在网页的设计都讲究整体统一风格,无论是网页的文字、图像,还是浏览器的滚动条都要求颜色和风格一致。但是很多朋友却对网页上的鼠标不能改变样子而感到苦恼,下面我就介绍两种改变网页上鼠标的方法:
    一、用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)部分不同,显示的鼠标状态也不同。

时间: 2024-11-02 18:56:28

网站鼠标变变变!的相关文章

用户体验:各大网站纷纷将首页变灰色

为表达全国人民对青海玉树地震遇难同胞的深切哀悼,特在4月21日这一天举行全国哀悼活动.这一天,每个人的心情都是沉重的. 各大网站纷纷将首页变灰色表达对遇难同胞的哀思.我们的用户也一样,不希望在这一天看到哪个网站跟没事似的还色彩鲜明. 问题一,如何将首页变灰? 最常用的方式是使用滤镜html { filterrogidXImageTransform.Microsoft.BasicImage(grayscale=1); }或html { FILTER: gray }优点:一行代码搞定,简单.方便.缺

ext-Ext如何实现当鼠标放在某行字体自动变黑变大

问题描述 Ext如何实现当鼠标放在某行字体自动变黑变大 当鼠标指针指向一行数据时,这行数据变粗变黑,该如何设置.展现列表用的是Ext.grid.GridPanel 解决方案 没用过ext, 不知道api 中有没有提供参数. 最简单的实现方法.直接在td 上添加 class ,在 css 中添加 鼠标悬停 改变css 样式 .test{ font-size:12px; } .test:hover{ font-size:28px } 解决方案二: http://docs.sencha.com/ext

Mac电脑变卡变慢解决办法

  不管是什么电脑,只要用的时间长了,多多少少都会有一些问题,更容易发生故障.有时候电脑变慢了,并不是暗示你要买新机的信号.电脑变慢有很多原因,只有在知道原因之后你才能够对症下药,让电脑重新恢复活力.那么,Mac电脑变卡变慢怎么办呢?看看网友带来的Mac电脑卡顿解决办法. 不实用的动画 没有必要的动画会拖慢你的 Mac,影响整体的体验,因为相关资源被占用,这些资源原本是应用在其他更重要的任务上. 要修复这个问题,你需要做的是,选择 System Preferences(系统偏好)--Dock,关

Mac电脑变卡变慢怎么办

  电脑就像人一样,多多少少都会有一些问题,特别是"年龄"大了,身体更容易发生故障.有时候电脑变慢了,并不是暗示你要买新机的信号.电脑变慢有很多原因,只有在知道原因之后你才能够对症下药,让电脑重新恢复活力.那么,Mac电脑变卡变慢怎么办呢?看看网友带来的Mac电脑卡顿解决办法. 不实用的动画 没有必要的动画会拖慢你的 Mac,影响整体的体验,因为相关资源被占用,这些资源原本是应用在其他更重要的任务上. 要修复这个问题,你需要做的是,选择 System Preferences(系统偏好)

优化YouTube视频播放页面:代码变少变轻

三年前,当我还在YouTube做一名web程序员时,有一位资深的工程师发了一通牢骚,说播放视频的页面体积太大.这个页面体积已经膨胀到了高达 1.2MB,包含有数十次的请求.这个工程师公开的宣称说,"如果他们Quake能在100KB的体积下克隆出我们的页面,我们没有理由达不到这个体积!"因为我同意他的观点,并且我正在找新的任务,于是就决定接受这个挑战,让YouTube的视频播放页面的体积减到100KB以下.那天晚上从旧金山回家的火车上,我编写了一个基本的原型.我决定限制页面上的功能数,只

java 中何使面板中的背景图片随面面变大变而改变

问题描述 请问各位java高手java中何使面板中的背景图片随面面变大变而改变???在此我表示感谢! 解决方案 解决方案二:一般的解决方法是在背景图片的属性里找到Anchor的属性,将里面的四个都选上就可以了.解决方案三:大哥,能不能给我讲具体点呀?我是新手,有些东西不那么明白!

android中让view变大变小

问题描述 android中让view变大变小 像这种 四格画面播放视频的 小格子能变大占满的 要怎么弄 解决方案 变大变小可以用view.setScaleX和setScaleY,使用前分别设置轴心(setPivotX).要动画而不是直接突然变大的话用属性动画,属性动画改变scaleX和scaleY值.补间动画在这里不好用 不需要动画的话,这里可以用把其他View都gone掉更好,用线性布局和weight去1/4平分空间,gone掉别的view的时候这个就自然变大占满了 或者应该播放时上面蒙层一个

企业官方网站十年流变观察

中介交易 SEO诊断 淘宝客 云主机 技术大厅 说起企业官方网站的变化,平面设计师可能会从设计风格变化趋势上来谈,程序员可能会从代码的变化上谈,策划人员可能会谈到内容或者整体构架的变化.或者都不会谈自己的专业领域,而是找出一些前卫的企业网站案例,比如说苹果.谷歌.亚马逊之类.笔者既不是设计师,也非策划或者程序员,更加不想从这些细分工作来谈及企业网站设计的变化.再者,笔者还认为一些著名企业的网站设计未必就能代表网站设计的主流以及发展趋势.笔者想将企业官方网站变化放置在整个互联网背景变化中予以考察.

虚拟妆容:化妆网站试身手足不出户变造型

你是否为寻找合适的造型花费不少时间和金钱?你是否因"手拙"而未见过自己化妆成功后光彩照人的样子?英国一家化妆网站推出模拟化妆软件,只需点击鼠标就能看到不同化妆品用在自己脸上的效果. 轻松化妆 化妆网站Dailymakeover.com推出改良版的虚拟化妆程序"化妆工作室"(Makeover Studio),想尝试变换造型的人只需注册一个免费账户再上传一张照片,即可开始"改头换面"之旅.供"试用"的化妆品品牌多达40余种,包括香