网站鼠标变变变!

2016-01-29 12:35 5 1 收藏

网站鼠标变变变!,网站鼠标变变变!

【 tulaoshi.com - Html 】

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/)

   首先要制作或者寻找一套适合网页风格的鼠标,我使用的鼠标是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多种文件格式。需要注意的这种方式只能在5.5以上浏览器中正常显示。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/)

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

    这种方法非常简单,只需要讲以下代码加到网页文件的<head></head>之间:
    <script language=javascript>var Loaded=false;var Flag=false;</script>
    <script src="http://img.jcwcn.com/attachment/portal"

来源:http://www.tulaoshi.com/n/20160129/1486683.html

延伸阅读
很喜欢一些软件的按钮:鼠标移进去,就会呈现某种效果(如文字变色、突起显示等等),移出以 后效果就消失。但是自己动手的时候,却发现不像自己想象的那样简单。其中鼠标移入的效果很容 易实现,使用MouseMove事件就可以了,但是移出呢?要知道Windows里并没有鼠标移入移出的消 息呀!(至少我在C++ Builder自带的Windows API里翻了遍也没找...
标签: 鼠标
1、传感器 传感器是游戏鼠标和普通鼠标最本质的区别。游戏鼠标要求更精准的定位,不丢帧。而普通鼠标是做不到这些的,如果自己只是随便娱乐一下,或许感触并不大。如果是竞技游戏,一款性能出色的鼠标那种体验是不同凡响的。最重要是的DPI,就是鼠标移动63.5px时你的鼠标指针移动的像素。普通是一般是400-600的DPI。专业的游戏鼠标...
标签: Web开发
js鼠标事件大全2008年01月14日 星期一 08:54一般事件 事件 浏览器支持 描述 onClick IE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 onDblClick IE4|N4|O 鼠标双击事件 onMouseDown IE4|N4|O 鼠标上的按钮被按下了 onMouseUp IE4|N4|O 鼠标按下后,松开时激发的事件 onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发...
标签: Web开发
New Document body{padding:0px;text-align:center;font:12px Arial;} div.container{width:100px;height:100px;border:1px solid #000;margin:10px auto;} div#main{width:99px;height:99px;border:1px solid #000;background:#050;color:#fff;font:12px Arial;margin:auto;} p{text-algin:left;} drag me 在绿...
标签: autocad教程
     用户在Auto CAD 系统中工作时,最主要的输入设备是键盘和鼠标,下面介绍如何在AutoCAD中使用键盘和鼠标。 2.1.1 使用键盘      AutoCAD同以前版本一样,同时提供了图形窗口和文字窗口。通常在图形窗口和状态栏之间显示其部分文本窗口和命令行,如图2-1所示。    &...